THIS SECTION discusses everything you need to know about getting fonts onto a website. The next chapter discusses how to make the fonts responsive and sets the basic typographical properties needed to make a web site presentable.
In this section I cover how to convert fonts to WOFF†1 files for deployment within the individual pages of the website. I also cover the use of open source fonts, downloading them as, or converting them to, WOFF files for direct use in web pages.
To summarise—just in case this section is not of interest for you (if you are not using your own fonts for example), I cover the following:
Web fonts and font formats
The conversion of the Equity (and other) fonts to WOFF files
Using WOFF files with CSS
Giving fonts a usable name in CSS
Assigning fonts to a CSS selector
The distinction between Equity and open source fonts within this website
The downloading and use of open source fonts
My icon and index fonts
|†1||WOFF: web open font format files. This is a standard format used to display fonts on a website; it has been adopted by the World Wide Web Consortium (W3C) and is the recommended approach for embedding fonts. WOFF is a compressed form of either TrueType fonts or OpenType fonts.|