OFC: Font. Font Freak - Download free fonts. MyFonts: Webfonts & Desktop Fonts. Preventing the Performance Hit from Custom Fonts. The issue is 1) custom fonts are awesome and we want to use them 2) custom fonts slow down our pages by being large additional resources. Dealing with this has been in the air recently so I thought I'd round up some of the ideas and add thoughts of my own. Only load on large screens The first idea I saw was Dave Rupert's tests on only loading @font-face on large screens. Turns out if you use @font-face but don't ever apply that font-family, the font won't be downloaded.
Pretty smart, browsers. Jordan Moore has an article on the Typekit Blog "Fallback Fonts on Mobile Devices" that uses the same thinking. I applied this thinking to my own project by producing two separate font kits: a “full” font kit containing all the typographical styles I originally intended to use, and a “light” kit containing fewer fonts (and, consequently, weighing significantly less).
Ajax in the fonts Making sure the font files have far expires headers is important too. On the front-end, we'll do the exact opposite. "What Font Should I Use?": Five Principles for Choosing and Using Typefaces. Advertisement For many beginners, the task of picking fonts is a mystifying process. There seem to be endless choices — from normal, conventional-looking fonts to novelty candy cane fonts and bunny fonts — with no way of understanding the options, only never-ending lists of categories and recommendations.
Selecting the right typeface is a mixture of firm rules and loose intuition, and takes years of experience to develop a feeling for. Here are five guidelines for picking and using fonts that I’ve developed in the course of using and teaching typography. 1. Dress For The Occasion Many of my beginning students go about picking a font as though they were searching for new music to listen to: they assess the personality of each face and look for something unique and distinctive that expresses their particular aesthetic taste, perspective and personal history.
The most appropriate analogy for picking type. 2. 1. 2. Examples of Humanist Sans: Gill Sans, Frutiger, Myriad, Optima, Verdana. 3. 4. 26 Beautiful Free Retro Fonts.