Typespiration.com - A showcase of web typography designs with ready-to-use CSS codes. Made for Mobile | Discover.typography by H&Co. A Beginner’s Guide to Kerning Like a Designer. Have you ever looked at a word or phrase you’re typesetting and something just looked off about it? It might just be a kerning problem. Kerning refers to the amount of space between two letters (or other characters: numbers, punctuation, etc.) and the process of adjusting that space to avoid awkward-looking gaps between your letters and improve legibility. Sometimes a font’s default kerning isn’t ideal for certain letter combinations, so you’ll want to manually adjust it so the spacing between all the letters looks consistent.
It’s important to note here that kerning is a visual exercise; it’s about the perceived amount of space between letters rather than the actual distance between them. Type is a funny thing in that it can be a sort of optical illusion. Keep reading to find out why kerning is so important in design, along with nine expert tips you can rely on to start kerning like the pros. Why You Should Add Kerning to Your Design Process Learn to Kern: 9 Pro Tips 01. 02. 03. 04. 05.
Type to Design | An Instagram generated font. Modulator | metaflop. Cufón - fonts for the people. The Bézier Game. Butterick’s Practical Typography. The Grid System.
The Grid System » Templates. Griddify, a Tiny Photoshop Panel for Guides and Grids. Griddify is tiny and fast. It helps you compose custom grid systems, vertical rhythm, and do a bunch of other stuff with guides in photoshop. Watch the short tutorial to learn how it works: Download and Install (Photoshop CC) Download and install ZXPInstaller. It helps you install Griddify and other Adobe extensions easily. Download Griddify, unzip it, and install Griddify-CC.zxp using ZXPInstaller. Download and Install (Photoshop CS6) Download the CS6 version of Griddify here and extract the zip file. Gutters in divide I’ve added one more feature to Griddify since recording the video, so it’s not demoed there. Issues regarding Photoshop CS6 HTML panels in Photoshop CS6 don’t work as well as they do in Photoshop CC, because CC uses an embedded version of Chromium to render HTML content while CS6 uses Flash, which is significantly less stable.
What about CS4/5? For Griddify to work on CS4/5, its HTML code should be wrapped in a Flex application. Source Code. Type Scale - A Visual Calculator. Kern Type, the kerning game. A Pocket Guide to Master Every Day’s Typographic Adventures. Prototypo | Streamlining font creation. Texter. Fontli: Home. The Font Game para iPhone, iPod touch y iPad en el App Store de iTunes. Ampergram. FF Mark. Infinity.