The Dreamweaver CS3 font manager
There are 6 basic cross-platform font options listed in Dreamweaver:
 |
|
People browsing your site see it with fonts that are installed on their pc, Mac or smartphone, not with the fonts that are on your computer.
To add new fonts, paste or type the name into the box at the bottom right (where 'fantasy' is in the screenshot) or choose from the scrolling list of 'available fonts' at bottom right, bearing in mind that your unusual fonts will likely default to something else on the screens of your visitors.
Always add an alternative fallback for older browsers or devices that cannot display your first choice of font. Make sure that one or more of the alternatives are from the 'safe' list of cross-platform typefaces listed above, plus always put in a last ditch option from the bottom five of the scrolling list of 'available fonts' at bottom right. These are cursive, fantasy, monospace, sans-serif and serif. Fonts are specified as a list of suggestions in your order of preference, and you should try to make sure that all of the font options are similar in size and width or your design may get messed up!
Some fonts have different names on different platforms and you should add both: eg Comic Sans, Comic Sans MS
If adding a Google Webfont with one or more plus + symbols in the name, replace each + with a space:
eg Annie+Use+Your+Telescope >> Annie Use Your Telescope.
To increase the number of browsers that will support your font, check that in your code that there are quotes around font names that have spaces in them - Dreamweaver usually does this, but if you handcode it's another thing to remember!
Checking the code for this page, you can see that Dreamweaver has correctly added quotes as needed:
.style20 {font-family: Georgia, "Times New Roman", Times, serif}
.styleannie {font-family: "Annie Use Your Telescope", sans-serif}
Get free Webfonts to expand your typeface options.
