Font Case, FontExplorer, Suitcase Fusion und Co.: 5 Tools, um deine Schriftarten zu managen Font-Management: Wichtiger als je zuvor Typografie ist ein wesentlicher Bestandteil eines jeden Design-Projekts. Die Wahl der richtigen Schriftart trägt essenziell dazu bei, dass ein Design gut aussieht oder das gewisse Extra hat. Die Vielzahl von Schriftarten bringt jedoch nicht nur organisatorische Herausforderungen mit sich, auch aus technischer Sicht können viele Schriftarten das System und entsprechende Software wie Photoshop und InDesign schnell in die Knie zwingen – müssen die Schriften beim Start doch mitgeladen werden. Es ist also wichtig, dass ihr mit Tools zum Schriftmanagement Ordnung ins Chaos bringt, damit die Leistung der Workstation verbessert wird und ihr den Überblick behaltet. Wir stellen euch fünf Tools vor, die das gewährleisten. Nexus Font Die von Nexus Font erstelle Font-Datenbank kann auch unterwegs genutzt werden. Nexus Font ist ein Font-Management-Tool für Windows und bietet interessante Features für die Verwaltung von Schriften. X-Fonter MasterJuggler FontExplorer
Responsive Font Size with CSS Making your font-size respond to viewport or container size should be a must to complete your responsive designs. Having a fixed font-size accross devices is not always a good idea. The key point is to get a readable font size and a comfortable line length in most viewports. Font Size and Line Length There are lots of different views on which is the best pixel font size, or which is the minimum readable size. There's much more to font sizing than it appears. As a general rule, use the largest font-size that doesn't look disproportionate and results in lines with 20 words or less (all words count). Getting the same physical font size and the same number of words per line in all devices would happen only in a world with a single universal screen size (imagine it!). Line Height A third measurement to take into account is line height or line spacing. Summarizing, the general recommendations for font-size, line-height and line length are: CSS Viewport Units The Problem with Viewport Units
Tom Davie | Type 2010 Blackletter This typographic poster features a photographed 3-D two-tone blackletter paper sculpture overlaid with an original graphite line drawing. ❤ Purchase Can O’ Dingbats This typographic poster is an ode to Hermann Zapf’s Zapf Dingbats. Paragraph Indentation Photographed in natural light, this poster is based on the typographic suggestion that paragraph indentation should be a one-em space Typographic Hype This typographic poster features a photographed 3-D letterform sculpture overlaid with an original graphite line drawing Sans Serif This educational and tongue-in-cheek poster not only defines the term sans, it also references the type classification’s historical beginning and celebrates its liberation from serif type Decorative Rule This typographic poster features a photographed die-cut card with a decorative border — and script typography with flourishes and integrated vector elements
14 Top Free Serif Fonts with Multiple Weights By Douglas Bonneville on April 15, 2013 If you have a growing collection of usable free sans-serif fonts, you are going to have to have some free serif fonts to go with them! Our recent article on the most popular free sans-serif fonts outlined four criteria we came up with to navigate the morass of free fonts readily available on the web. We came up with the best 14, we think. The only criteria we will repeat for clarity, just in case you don’t jump over to the previous article, is this one: The typeface must have Normal, Bold, Italic, and Bold Italic weights Serif fonts, unless specifically designed for display and decorative usage, really need these four weights to be useful. The popularity of these individual serif typefaces wasn’t possible to determine and sort, among and against themselves. And remember, all that’s left after getting a collection of the best free sans serif and the best free serif fonts is how to combine them! NOTE: click images to enlarge Alegreya Alexandria Charis
Type Zebra The Closest Free Alternative to Every Font on Typewolf The Closest Free Alternative to Every Font on Typewolf 16-page PDF guide featuring over 300 fonts Discover free alternatives to the most popular (and expensive) fonts used by designers — includes every single font ever shown on Typewolf Save hours of time searching the web for the perfect match The product of over 100 hours of research — the most complete and accurate collection you will find anywhere online Features not only Google Fonts but free fonts from all over the web Free lifetime updates — you’ll get the latest version of the PDF emailed to you each month that features all the new fonts added to Typewolf as well as continuous tweaks and improvements to ensure the closest possible match The update email also includes links to the best new free font releases of the month 30-day money-back guarantee Huge disclaimer: In general, most free fonts make a poor alternative to commercial fonts — always support type designers and purchase fonts whenever possible Buy Now For $14.99 No.
Will Google Fonts Ever Be Shut Down? → Typewolf October 28, 2014 The Google Fonts service has been immensely popular with web designers ever since it first launched in May of 2010. And for good reason. But all of this begs the question: why is Google in the fonts game? Will Google Fonts end up in the Google Graveyard? What’s in it for Google? It can’t be cheap to serve fonts on this kind of scale. 2.6 trillion pageviews and counting. I’ve heard people compare Google Fonts to other Google products such as YouTube and Google Maps — the cost of serving fonts is nothing compared to the cost of serving large image and video files to hundreds of millions of people. And it’s not just the server costs. Why Did Google Start Google Fonts? I’ve heard several reasons as to why Google started their fonts service in the first place. Reason # 1: Using Text Instead of Images Improves Search Back when I first started doing web design professionally in 2001, it was common to use image files instead of HTML text on websites. “Why web fonts? Learn More →
The Explosive Hand Lettering Rebellion If you’re interested in learning about hand lettering and typography from Denise Bosler, check out her Hand Lettering Power Course at HOW Design University. A stealthy resurgence happening in the design world—a rebellion against the cold, sleek, digital environment in which we designers spend most of our time. Hand lettering is not-so-quietly making a colossal comeback, exploding into the forefront of design. It no longer has to hide on the B-side or apologize for looking hand lettered. Categories that used to be forbidden, such as logos and packaging, now embrace this historic form of typographic expression. The beauty of hand lettering is its flexibility and adaptability. Hand lettering involves taking a completely different approach to the use of text in design, moving away from the skills used for traditional typography. Let’s celebrate this illustrative and creative expression of letters by looking at a six designers who have turned hand lettering into an art. All Images ©55 Hi’s
10 great guides to understand web typography In today’s blog post, we have a list of guides to help you understand the web typography from all around the web. The following guide covers areas such as responsive typography, fundamentals of typography and the use of icon fonts and SVGs. Have a detail look at them below! 1. This is a best place to start on the basics of responsive typography. 2. This article is by Hannah Alvarez which provides the knowledge on UX implications of typography for the web and mobile devices. 3. This offering from Justin Kerr runs through a number of the fundamental principles of web typography, as well as some of the finer details like height and letter spacing; legibility and readability. 4. The author of this guide is Chris Coyier who teaches you on how to create and use SVG sprites in the design and development stages of web projects. 5. 6. This introduction to mobile typography takes a step back and applies the basic principles of type to the modern concept of responsive design. 7. 8. 9. 10.
Noe Text – Schick Toikka Noe Text Regular 82px The reference location, where the potential is zero, is by convention infinitely far away from any mass, resulting in a negative potential at any finite distance Noe Text Book 91px Adolphe Queteletmade use of data and statistical analysis to gain insight into the relationship between crime and sociological factors Noe Text Semibold 86px Rupp denied any knowledge of the point shaving and no evidence was ever brought against him to show he was connected to the incident in any way Noe Text Bold 103px The surface features of Venus include volcanoes, impact craters and aeolian landforms Noe Text Black 130px The shiny dark green leaves are arranged alternately along the stems Noe Text Regular Italic 124px Social relationships traditionally encourage co-operation between people Noe Text Book Italic 98px Space is the boundless three-dimensional extent in which objects and events have relative position and direction Noe Text Semibold Italic 159px Noe Text Bold Italic 105px