Custom fonts are present on their full site (and, thus, part of their branding). These fonts will work just as well on mobile. Platforms like iOS, Android, and the latest BlackBerry fully support @font-face CSS. Older editions of BlackBerry and Windows Phone may or may not support @font-face depending on the model that users have. For anyone that does not support @font-face, they will simply be presented with standard web fonts as you specify in the font-family rule. There are many different web font providers. A few are mentioned as follows:
Google Web Fonts (http://www.google.com/webfonts/)
TypeKit (https://typekit.com/)
Font Squirrel (http://www.fontsquirrel.com/)
Fonts.com web fonts (http://www.fonts.com/web-fonts)
For our project, we're going to use Google Web Fonts. We'll need to include these lines in the <head>
tag of every page that we want to use them in. Since we'll probably be using them everywhere, let's just include these lines in our /includes/meta.php
file.
...