Specifying Typography with CSS
First things first
I'll give definitions to a few CSS terms that you'll need to know in spec'ing web type, but really the only way to spec type on the web is to see it. So click on over to Typetester and you can play with type settings in real time. You'll be going back and forth from this article to this tool so you may want to keep two browser windows open.
Typetester is a great tool built by Marko Dugonjić. Throw in some sample text (or use the default Lorem ipsum) and use the three comparative columns to view the text with various font settings. Results are viewed instantly. Using this tool can really help to experiment with font treatments in a true WYSIWYG environment. next >
I'll give definitions to a few CSS terms that you'll need to know in spec'ing web type, but really the only way to spec type on the web is to see it. So click on over to Typetester and you can play with type settings in real time. You'll be going back and forth from this article to this tool so you may want to keep two browser windows open.
Typetester is a great tool built by Marko Dugonjić. Throw in some sample text (or use the default Lorem ipsum) and use the three comparative columns to view the text with various font settings. Results are viewed instantly. Using this tool can really help to experiment with font treatments in a true WYSIWYG environment. next >
![]() |














