Web fonts and how they affect RWD
Web fonts are almost mandatory to use nowadays, and I say almost because we need to be mindful of the implications they bring to our projects, and if necessary, we may actually not use them at all.
Before we get into the nitty gritty of how to work with web fonts, here are a few web font resources that may be helpful for many of you:
- Font Squirrel (http://www.fontsquirrel.com/): I've used this service extensively with great success. To use the fonts, you need to download the file(s) and then use with
@font-face
in your CSS. They have the best web font generator tool you'll ever find (http://www.fontsquirrel.com/tools/webfont-generator) - Google Fonts (https://www.google.com/fonts): I can't talk about web font resources without mentioning Google Fonts. If I can't find it on Font Squirrel I come here, and vice versa. You can either download the font file(s) or use JavaScript. The fonts used in the following examples were downloaded from Google...