When text is rendered by a computer, sometimes characters are displayed as “tofu.” They are little boxes to indicate your device doesn’t have a font to display the text.
Google has been developing a font family called Noto, which aims to support all languages with a harmonious look and feel. Noto is Google’s answer to tofu. The name noto is to convey the idea that Google’s goal is to see “no more tofu.” Noto has multiple styles and weights, and is freely available to all.
Content tagged “typography”
-
-
Marvin Visions - A typeface with character
Marvin Visions is a more modern and consistent reinterpretation of Marvin, a typeface originally designed by Michael Chave in 1969 and published by Face Photosetting. It has been revived by Mathieu Triay for the identity of Visions, a new science fiction magazine that aims to be a literary introduction to the genre, mixing classic texts with new writing.
This typeface speaks to me.
-
How Changing WebFonts Made Rubygems.org 10x Faster
Nate Berkopec’s article is chock full of useful information, but I was particularly taken by his framing of a developer’s job (emphasis his):
As developers, our job isn’t to tell the designers “Hey, you’re dumb for including over 500KB of WebFonts in your design!”. That’s not their job. As performance-minded web developers, our job is to deliver the designer’s vision in the most performant way possible.
Equally interesting, but more technically-focused, is the rundown of how Google Fonts takes advantage of the
unicode-range
property to deliver smaller fonts.The unicode-range property describes what characters the font supports. […] By telling the browser what characters the font supports, the browser can look at the page, note what characters the page uses, and then only download the fonts it needs to display the characters actually on the page.
Brilliant. I switched to serving fonts from Google and trimmed 45–70 kilobytes from my homepage. Your mileage may vary, but… not bad.
-
State of Web Type
The State of Web Type is a project by Bram Stein to collate and display up-to-date browser support data for web fonts & typographic features on the web.
-
fontfamily.io
Compatibility tables for default local fonts.
-
Five simple steps to better typography | Journal | The Personal Disquiet of Mark Boulton
-
Single-direction margin declarations – CSS Wizardry – CSS, OOCSS, front-end architecture, performance and more, by Harry Roberts
-
Aligning type to baseline the right way using SASS — Medium
-
Brick. Webfonts that actually look good.
-
What's the Closest Google Font?
-
Streamline your web font requests. Introducing “text=” | Google Fonts Blog
-
Beautiful web type — the best typefaces from the Google web fonts directory
-
CSS Font Stack :: A complete collection of web safe CSS font stacks
-
Revised Font Stack | A Way Back
Serious efforts are being made to get more typeface choices on the web to enhance web typography. Still, most of us prefer web-safe fonts like: Verdana, Georgia, Times New Roman and Arial. Though choices are limited, yet the number can be increased by exploring other pre-installed fonts.
-
swissted
swissted is an ongoing project by graphic designer mike joyce, owner of stereotype design in new york city. drawing from his love of punk rock and swiss modernism, two movements that have (almost) nothing to do with one another, mike has redesigned vintage punk, hardcore, and indie rock show flyers into international typographic style posters. each design is set in berthold akzidenz grotesk medium, all lowercase. many of these posters are now available for sale in three different sizes at print-process. every single one of these shows actually happened.
-
20 High Quality Free Fonts Every Designer Should Own
-
@font-face tip: define font-weight and font-style to keep your CSS simple | 456 Berea Street
-
Further Hardening of the Bulletproof Syntax | Fontspring
-
The New Bulletproof @Font-Face Syntax | Fontspring
This is the way the code should have been all along. Clean, clear and simple.
-
Awesome Fontstacks
Easily create bundles of beautifully matching, free web fonts, with failsafe font stacks to back them up. Including ready-to-go CSS code!
-
@font-face gotchas « Paul Irish
-
Fonts for iPad & iPhone | Michael Critz
-
allcreatives.net » Smoother @font-face embedding in IE 7 & 8
-
The League of Moveable Type
We’re done with the tired old fontstacks of yesteryear. Enough with the limitations of the web, we won’t have it. It’s time to raise our standards. Here, you’ll find only the most well-made, free & open-source, @font-face ready fonts.
-
Font Squirrel | Create Your Own @font-face Kits
-
Becoming a Font Embedding Master - Snook.ca
-
Bulletproof @font-face syntax « Paul Irish
-
Combining Cufón and @font-face • CSS & (X)HTML • Kilian Valkhof
-
About - cufon - GitHub
Cufón aims to become a worthy alternative to sIFR.
-
jQuery sIFR Plugin
-
sIFR lite
-
Font Matrix
-
sIFR Documentation FAQ
-
The Elements of Typographic Style Applied to the Web - a practical guide to web typography
-
Top 100 des téléchargements de polices | dafont.com
-
Typetester – Compare fonts for the screen
-
Mike Davidson -- sIFR 2.0: Rich Accessible Typography for the Masses
-
Five simple steps to better typography