• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL
Help

Hour 17. Typefaces > System Fonts

System Fonts

The font-family property allows for more than just font classifications. You can also apply system fonts (fonts already on an end user's computer) to your SVG text. Using the same property as before, you can apply specific font names by using font-family:'fontName', where fontName is the specific name of a typeface. Note, however, that the font name is surrounded by single or double quote marks; this allows you to include spaces within a typeface name.

For instance, the typeface Times New Roman should be applied as 'Times New Roman', because 'TimesNewRoman' is not recognized by the operating system as the name of that typeface. Often you can find the name of a font in your word processing or design program by perusing the names in the pull-down list of available fonts. Again, be sure to note any spaces or suffixes, such as “MS” in “Comic Sans MS.” Referring to 'Comic Sans' will not apply Comic Sans MS.


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint