One place for web typography, using our collective knowledge for the betterment of typographic style and practice.
I don’t know about you, but it takes me a while for stuff to sink in. When it comes to web typography, notes help.
This section is a place to hash out new ideas and mull over ideas we’ve found elsewhere.
Meet me and learn about the most exciting bits of Nice Web Type in a one minute video.
Nice Web Type is written and coordinated by Tim Brown.
Copyright © 2002–2010.
Get yourself a wallpaper.
These notes help you find and use web fonts with CSS.
Below are some bookmarks from the Nice Web Type account at Delicious, mixed with screenshots from our Flickr group.
"If you’ve ever wondered why some fonts look smaller than others at the same typeset size, or why the vertical space between lines of text is such a guessing game, this post is for you."
"Webkit on the iPad honors CSS media query declarations based on orientation."
Blog — Michel Vrana
Recent — Michel Vrana
Kaleidoscope — File comparison for Mac
E-commerce Website TemplateFor your CSS font stacks, Michael Critz rounds up the typefaces installed on each device.
brizk design – Portfolio of Web Design Freelancer Kai Brach
Checking it twice – Twitter MediaThomas Maier: "I saved my workflow as an Action. All of you can download and use it for free. But the trick has a downside, too: You receive three text-layers just for one piece of text. The reason for that is, that I needed to blend the different channels and it’s not even rasterizable."
Nice poster-like example of web type in use, by Alex Giron.
Notify 2 – An awesome email notifier for Mac OS X. – Vibealicious
Arrows & Icons Magazine // The Community Magazine for Environmental Graphic Design, Signage & Wayfinding, Information Design and Related Disciplines.SXSW presentation from Bert Bos, co-creator of CSS, on why we are where we are: "When W3C proposed to resurrect the Fonts Working Group in order to standardize the next version of EOT, the three browser makers [Opera, Mozilla, Apple] protested violently."
André Gonçalves | Graphic Designer
24 × 42 grid"Type accent marks, diacritics and other characters online."
"The CSS Text Wrapper allows you to easily make HTML text wrap in shapes other than just a rectangle. You can make text wrap around curves, zig-zags, or whatever you want. All you have to do is draw the left and right edges below and then copy the generated code to your website."
Marc Tobias Kunisch: "I've built a little Specimen Browser using Tim Brown's fantastic Web Font Specimen and some lines of JavaScript. Just open up the Web Font Specimen Browser in the browser you want to test in and select a font from the drop-down."
Monday By Noon
Home - Picture Editor : Photography Consultant : Mentor : Mike DavisBram Stein: "This is an implementation of the Knuth and Plass line breaking algorithm using JavaScript and the HTML5 canvas element. The goal of this implementation is to optimally set justified text in the new HTML5 canvas element, and ultimately provide a library for various line breaking algorithms in JavaScript."
Mig Reyes is a Designer. These folks give a thumbs up.Paul Irish with a subtle, happy revision to everybody's favorite @font-face syntax: "There has been concern over specifying local font names. [...] This technique is recommended if you think a locally installed version of this font is not in your best interest."
Arrivals | Development Status | Cultured Code
AIGA Design Archives
AIGA Design ArchivesAmrinder Sandhu eyeballs, checks statistics, and comments on font stacks from popular sites like Facebook, I Love Typography, and Jon Tangerine. Don't miss the bulleted list of "Notes" about halfway down.
"All of the fonts on Fontspring that are marked as '@Font-Face Ready' can be downloaded and used in your websites without recurring subscription costs. [...] Our best license allows you the designer to use the fonts in an unlimited number of domains under your control. Other fonts must be purchased by the number of domains you expect to use them on."
Fontanel - Online Design MagazinePhilip Renich: "I'm really not a big fan of how Windows usually handles [type rendering], so I decided to try to do something about it."
Richard Fink: "This isn't the first and it won't be the last time Windows users get upset over changes in font rendering. I'm expecting to see a lot of it in the next few years as Microsoft continues to push WPF and moves to its DirectWrite API instead of GDI for ordinary text rendering."
