Nice Web Type likes Museo and Sans
Today I’m happy to share my second web type specimen/review with you: Nice Web Type likes Museo and Sans. Enclosed, you’ll find my thoughts about (and examples of) typographic color, font stack understudies, combining serif and sans typefaces, and subtle suggestions about typesetting Museo and Museo Sans specifically. You’ll also find a few display-size techniques you might be able to use in your next project. I had a lot of fun putting this together, and I hope you enjoy it.
If your browser doesn’t support
@font-face, you can view this screenshot of the rendered page.
Instructions for putting it together
Toward the bottom of the specimen page, there’s a step-by-step list of things to download. When you’ve gathered everything you need, organize your files like this:
/Museo and Museo Sans /css /reset.css /960.css /text-museo-and-sans.css /Museo300-Regular.otf /Museo500-Regular.otf /Museo700-Regular.otf /MuseoSans_500_Italic.otf /MuseoSans_500.otf /images /darr.png /dirt.gif /larr.png /rarr.png /index.html
See that file,
text-museo-and-sans.css? That’s part of the zipped HTML + CSS. Use that instead of the
text.css file that comes with 960.gs. That’s all there is to it. If you do try this combination out, or use it in a project, comment here about your experience. I would love real-world feedback, and I’m sure other readers would too.
What is Nice Web Type Likes?
Nice Web Type readers know that I have recently called for more thoughtful critique of typeset text on the web. Examining combinations of web type is a good way to start, and “Nice Web Type Likes” is what I’m calling my series of specimens/reviews.
The first specimen/review I published was Nice Web Type likes Graublau Sans with Lucida, and in that post you can read more about why I started Nice Web Type Likes.
- How I made the translucent blue and red Museo heading with CSS: RGBa, text-shadow in Safari, Firefox