AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |
Back to Blog
Georgia font free ttf2/8/2024 One of the most popular font repositories is Google Fonts. Font repositories host web fonts online that can be embedded without uploading the font files to our web server and writing lots of CSS code. Using Font RepositoriesĪnother way that we can embed fonts into a web page is by using a font repository. Let's explore another way to use custom web fonts in your site. You see that the headings are all using the Georgia Pro font now: Now our headings will use the GeorgiaPro font face. To add Georgia Pro to our style sheet, at the bottom of the file, type the code in bold below : If necessary, activate htmsw.css in the code editor. The first step is to add the font to our style sheet. The font files are located within the fonts folder inside the Code the Web folder. Let's add Georgia Pro to our site for use in headings. If you want more information, w3schools has a great article about web fonts. In our example, there are four types of font files that are embedded: EOT, WOFF, TTF, and SVG. This tells the browser what type of font to expect. The src property takes a url() and has an optional format() definition as well. The src property is similar to the src attribute for an image it defines the location of the source file or files for the display of the font. We are also required to include at least one src property. This name can be whatever we want it to be, but should be descriptive because it's the name that we'll be using to refer to the font in our style sheet. The rule requires that we give the font a name using the font-family property. Url("./fonts/Georgia-Pro/georgia-pro.svg#GeorgiaPro") format("svg") Url("./fonts/Georgia-Pro/georgia-pro.ttf") format("truetype"), Url("./fonts/Georgia-Pro/georgia-pro.woff") format("woff"), Src: url("./fonts/Georgia-Pro/georgia-pro.eot") format("embedded-opentype"),
0 Comments
Read More
Leave a Reply. |