Mercury 100 User's Manual

Info: Google Fonts & WOFF Files

A longstanding problem with web pages is that fonts are not actually included in the page code. The page simply includes some text, along with an instruction in the CSS that tells the browser what font to use to display that text. But if the visitor's computer doesn't have that font installed, it falls back to a default, or works its way down whatever font stack is indicated in the CSS until it finds a font that it can use. The effect of this limitation is that web page designers are generally forced to rely on a small set of "web safe" fonts, fonts that can reliably be found on most visitors' computers.

Packaging fonts with web pages in a way that allows the site visitor to install the font on his computer, while possible, runs afoul of copyright protections. Most fonts, even those normally distributed with a new computer, are protected by copyright, and you don't have the right to make them available to others.

To address this problem, Google fonts and Web Open Font Format (WOFF) files can be used. The font is not actually installed on the visitor's computer. It is used only for displaying text on your web page.

In this skin, you may add two Google fonts and two WOFF files, and tell the skin which font to use for each text element, with the default being the selected regular font family. Decorative fonts can be difficult to read at smaller sizes, and are therefore best used only for page titles. You are likely to find that they look better when displayed with a larger font size than you would use for a regular font, and with normal weight, rather than bold. More traditional fonts may be suitable for all other text.

To choose a Google font, visit the Google fonts page, and identify the font you want to use. Scroll down on the page to view suggested font pairings. You might want to use a more elaborate font for titles, and a simpler font for captions. Make a note of its name, and enter the name in the skin settings. The skin does not support the use of Google font multiple styles. If you see a font listed, and it indicates that there are multiple styles of that font available, when you enter its name in the skin settings, the skin will use the basic style of that font.

There are now many hundreds of free WOFF files available. Search the web for free woff to find sources (some sites require registration). In most cases, the fonts are free for you to use on your website, even if the website is commercial, but the font designers retain copyright, so you don't have permission to redistribute the files directly to others. Often, these free fonts are provided in a variety of formats - WOFF, WOFF2, OTF, TTF, EOT, SVG, and so on. The format needed for the skin is indicated by a .woff2 (preferred) or .woff file extension. In many cases, the download will be provided as a zip archive containing several formats - you need to extract the WOFF file from that archive and use that one for inclusion in the project.

A recent judicial ruling in the EU has made the inclusion of Google fonts on a page problematic, if you are subject to EU regulations. The court found that using a Google font exposes the site visitor's IP address to Google, which violates the GDPR. This, of course, is complete nonsense, promulgated by people who don't understand how the internet works.

However, this skin copies the Google fonts you have chosen to the album during the album build, so it is bundled with the album. Your site visitors therefore never link to the Google fonts site.