background preloader

Fonts/typography

Facebook Twitter

Lettering Library. 陳 Jon Tan. Google Web Fonts Typographic Project. Type Connection. Thinking with Type. Butterick’s Practical Typography. This is a bold claim, but I stand be­hind it: if you learn and fol­low these five ty­pog­ra­phy rules, you will be a bet­ter ty­pog­ra­pher than 95% of pro­fes­sional writ­ers and 70% of pro­fes­sional de­sign­ers.

Butterick’s Practical Typography

(The rest of this book will raise you to the 99th per­centile in both categories.) All it takes is ten min­utes—five min­utes to read these rules once, then five min­utes to read them again. Ready? Go. The ty­po­graphic qual­ity of your doc­u­ment is de­ter­mined largely by how the body text looks. That’s it. Then, if you’re ready for a lit­tle more, try the sum­mary of key rules.

If you’re ready for a lot more, start at the fore­word and keep reading. Fonts, typefaces and all things typographical — I love Typography (ILT) A complete collection of web safe CSS font stacks. TypeWonder - Beta. Thinking with Type. HATCHSHOW » a jQuery typesetting plugin for balancing measures. Free Chalkboard Fonts, Backgrounds & Dingbats » Lisa Moorefield. Apps + Fonts Chalkboards! They’re everywhere. (On Pinterest, at least). Also see: More Free Chalkboard Fonts. It’s easy to create your own chalkboard images – all you need is a chalkboard background and some fonts that look like chalk. Here are links to my favorite chalkboard fonts, backgrounds and dingbats: Chalkboard Backgrounds: Chalkboard Backgrounds - black, blue and green (Foolish Fire). Typekit.

Fontdeck web fonts: Real fonts for your website. 14 free tattoo fonts to download today. We've scoured the web to find you the top examples of free tattoo fonts for designers.

14 free tattoo fonts to download today

In recent years, tattoo-style typography has become a big influence on all areas of design - from graphic design and illustration to web and app design and beyond. As a result, there are now hundreds of tattoo typefaces available online for use in your projects, and many don't cost a penny! But how do you find free fonts in a tattoo style that rock - the diamonds among the rough? Pixels to Ems Conversion Table for CSS. A companion reference to the article, The Incredible Em and Elastic Layouts With CSS.

Pixels to Ems Conversion Table for CSS

The em values in the table assume that the generic browser default setting of 16px font size has not being changed. It also assumes that the <body> has font size set to 1em or 100%. Formula to calculate em equivalent for any pixel value required 1 ÷ parent font size (px) × required pixels = em equivalent. 65 Beautiful Fonts You Can Download For Free. Freebie 65 Beautiful Fonts You Can Download For Free by Alex on Aug 9, 2012 • 9:43 am 17 Comments There are so many free fonts all around the web these days and sometimes it makes me think is their any really point purchasing fonts.

65 Beautiful Fonts You Can Download For Free

I’ve decide to collect 65 fonts which are suitable for web, print, etc just overall high fonts which can be used in design projects. If you like fonts, you’ll love our favorite premium font, check it out here on Envato Market. Typefoundry. A Non-Designer's Guide to Typefaces and Layout. A complete collection of web safe CSS font stacks. Readability Survey of the Top 10 Blogs. Free chalk fonts. 16 Pixels: For Body Copy. Anything Less Is A Costly Mistake. 16 Pixels: For Body Copy.

16 Pixels: For Body Copy. Anything Less Is A Costly Mistake

Anything Less Is A Costly Mistake Advertisement I know what you’re thinking. “Did he just say 16 pixels? For body copy? I’d like to persuade you otherwise. As usability expert Oliver Reichenstein says in “The 100% Easy-2-Read Standard1”: [16 pixels] is not big. In this article, I’ll explain why 16 pixels should generally be the minimum size for body copy in modern Web design. You see, in most cases, if you’re building websites with the font size set between 10 and 15 pixels, you are costing your clients money. Readership = Revenue If you’re building a website for someone — even yourself — chances are its purpose is to make money.

Perhaps it’s to sell a product directly, or to offer a service, or just to generate leads. So, every element should be designed to achieve that goal. Think about it. Important Facts About Reading At age 40, only half the light gets through to the retina as it did at age 20. Fact: Most Web Users Hate The “Normal” Font Size “But Users Can Zoom” The 125 best free fonts. In this freshly updated free fonts for designers post, we bring you the world's best free fonts.

The 125 best free fonts

We've filtered out the diamonds from the thousands of less perfectly designed free fonts available online, for you to use in your designs and illustrations. Get Adobe Creative Cloud now This list represents the 55 best free fonts we've found in eight categories. You can use the drop-down menu at the top of the page, or the boxout, right, to jump to the section you want.