A Study in Beautiful and Tight Typography for the Web
W elcome to my study in beautiful and tight web typography for the web. The other day i was checking out some sites, and i was like "damm" that site looks good and it wasn't the design I was checking out but the typography. Here you will find a collection of the best examples from the experts themselves in web design. Plus check out these cool web tools that allow you test your stuff: TypeSetter, FontTester and CSSType.
Creative, Elegant and Affordable
Our websites are clean, elegant, fast-loading, hand-coded business solutions that adhere to standards. Here we have some pretty good copy that would look good under our headings. The relationship among typefaces is a very important part of design, having that balance between contrast and readability leads to a more cohesive look.
- Heading: Trebuchet MS set at 1.8em
- Copy: Arial set at 1.2em
- Line Height (Leading): 1em/1.3em
- Letter Spacing (Kerning/Tracking): normal/normal
- Word Spacing : normal/normal
- Font Style: normal/normal
- Font Weight: normal/normal
- Font Variant: normal/normal
- Example: http://www.suspiremedia.co.uk
Murder & Mayhem Is A Pretty
Our websites are clean, elegant, fast-loading, hand-coded business solutions that adhere to standards. Here we have some pretty good copy that would look good under our headings. The relationship among typefaces is a very important part of design, having that balance between contrast and readability leads to a more cohesive look.
- Heading: Georgia set at 2.1em
- Copy: Georgia set at 1.3em
- Leading: 1em/1.6em
- Tracking: normal/normal
- Font Style: normal/normal
- Font Weight: normal/normal
- Example: http://www.robweychert.com
Now Available: Mobile Web Design
Our websites are clean, elegant, fast-loading, hand-coded business solutions that adhere to standards. Here we have some pretty good copy that would look good under our headings. The relationship among typefaces is a very important part of design, having that balance between contrast and readability leads to a more cohesive look.
- Heading: Georgia set at 1.8em
- Copy: Georgia set at 1.3em
- Leading: 1em/1.5em
- Tracking: -1px/normal
- Font Style: italic/normal
- Font Weight: normal/normal
- Example: http://www.cameronmoll.com
Microsoft Corporate, Windows Vista
If a picture is worth a thousand words, the built-in suite of photographic solutions in Vista can help. The relationship among typefaces is a very important part of design, having that balance between contrast and readability leads to a more cohesive look.
- Heading: Arial set at 2.1em
- Copy: Arial set at 1.1em
- Leading: 1em/1.5em
- Tracking: -1px/normal
- Font Style: normal/normal
- Font Weight: normal/normal
- Example: http://www.microsoft.com
Give Us Our Data, Please
Yes, I love your site. Yes, I've spent a lot on your site, entering data. I'm sure you don't need. The relationship among typefaces is a very important part of design, having that balance between contrast and readability leads to a more cohesive look.
- Heading: Lucida Sans Unicode set at 2.1em
- Copy: Arial set at 1.2em
- Leading: 1.6em/1.5em
- Tracking: -.08em/normal
- Font Style: normal/normal
- Font Weight: normal/normal
- Example: http://www.angiemckaig.com
Frequently Asked Questions
Mezzoblue is a weblog. It was once a portfolio site, then a portfolio/weblog, then a weblog/portfolio, but these days it's pretty much entirely weblog. The relationship among typefaces is a very important part of design, having that balance between contrast and readability leads to a more cohesive look.
- Heading: Georgia set at 2.4em
- Copy: Lucida Sans Unicode set at 1.2em
- Leading: 1.6em/1.65em
- Tracking: normal/normal
- Font Style: normal/normal
- Font Weight: normal/normal
- Example: http://www.mezzoblue.com
Copyright © 2007 GurrolaDesign.com. All rights reserved.