When you apply the font to format text content, you have three choices:
- Web fonts
- Web safe fonts
- System fonts
Here's a brief description of each option:
Web fonts are hosted on the Typekit website. They enable you to access a large library (with hundreds of font types) that you can apply to your pages in Muse, without requiring you to set up a separate Typekit account. When you apply web fonts to text content, Muse automatically adds the code in the page that will create links to the font family. When a browser visits the page, it will download the web fonts needed to render the page and display the content as text. This has many advantages because you can design your headers and other important text content using a large variety of fonts and the published or exported pages will render the text as selectable text. However, take care not to use too many web fonts on the same page. Just like image-heavy designs, the browser may take longer to load a page if it has too many linked files. It is best to limit designs to using no more than three web fonts per page, and to keep the font size fairly large to ensure that the text will be easy to read.
Web safe fonts are fonts that are likely to be installed on all machines that visit your site. These fonts include standard font families, such as Arial, Georgia, and Times New Roman. You can choose from a small set of commonly used web safe fonts, which render on the live site as text. Web safe fonts load quickly but are not decorative. Web safe fonts are the best choice when setting the formatting for long paragraphs of text content because web safe fonts are optimized for legibility on the web. Use web safe fonts whenever possible to ensure that your site performs well and doesn't take a long time to load.
System fonts enable you to use more unique typography, based on the specific fonts you (the designer) have installed on your machine. For example, if you are designing a site that has a specific theme, such as a gardening site, you can install an unusual flower font that isn't available in the Typekit web font library. It is fine to apply system fonts sparingly to text, but remember that the text content will export as images. That means the page will take longer to load and visitors will not be able to select, copy, or paste the text on the page. System fonts are also best suited for small chunks of text, like headers. To make the site easy to use, avoid using system fonts for addresses, phone numbers, and any content that visitors might want to copy and paste into a calendar or email message. Keep in mind that some visitors have difficulty reading smaller text and may set the browser to increase the font size; but this strategy won't help them read text that is exported as image files. Also remember that search engines index sites looking for text content to set a site's ranking in the search results. For these reasons, it is best to only apply system fonts when you really need to make an impact in the design. If there is a comparable web font or web safe font, apply that font instead.
To apply each of these three types of fonts, select text using the Text tool and then choose the desired option in the fonts menu (see Figure 33).