The Web has a sordid history with fonts. If you have been around the web world for long enough, you probably recall some of the pains from clients wanting to use particularly weird fonts who then get upset when it doesn’t appear correct on a random computer they used. Previously, to show a font in HTML 4, it required having the font installed on the computers visiting your website or using an image. Now, with CSS3 that is no longer the case.
As explained by the W3C use of @font-face:
@font-face rule allows for linking to fonts that are automatically activated when needed. This allows authors to select a font that closely matches the design goals for a given page rather than limiting the font choice to a set of fonts available on all platforms. A set of font descriptors define the location of a font resource, either locally or externally, along with the style characteristics of an individual face. Multiple
@font-face rules can be used to construct font families with a variety of faces. Using CSS font matching rules, a user agent can selectively download only those faces that are needed for a given piece of text.
To make it even easier for WordPress users, there are plugins that make including a large variety of fonts pretty easy with help from Google..
… Continue Reading