Today's specimen is yet another pure example of how fundamental typographic principles can be applied to the web to improve readability and engender respect for an organization.
Screenshots from http://fontsinuse.com/uses/60/8thlight.com. Click any image to enlarge.
8th Light is a software development firm whose brand emphasis is "craftmanship". It's appropriate, then, that their web presence demonstrates awareness of the craft of typography. The site was designed by Billy Whited, who (for the sake of full disclosure) attended this June's Type Camp California where I was an instructor. It's clear from his work on http://fontsinuse.com/uses/60/8thlight.com that he didn't have much to learn from us in the realm of web type. The man put some serious research and effort into making the site a fitting representation of his company's values.
Just three colors (black in two shades, blue, and the occasional red for emphasis) and three fonts (Frescoand the bold and small caps fromFresco Sans) define the 8th Light identity. It's a quiet, subtle palette, but executed with obvious care and respect for the reader. Despite being routed in the typographic fundamentals usually associated with printed work, the pages feel fresh.
The typeface helps. Fred Smeijers' Fresco has a lively spirit that sufficiently distinguishes it from standard web-safe fonts. Fresco (the serif) is an informal, modern departure from Georgia but nearly as suitable for small text. Fresco Sans combines the clarity of Verdana and the Humanist aspects of Lucida Sans/Grande, but has more personality than either of those web standbys, making for more engaging, distinctive headlines. Unlike some sans/serif suites, Fresco and Fresco Sans are companions, not twins. They share a basic structure and style but are different enough to facilitate contrast.
Whited chose the "Plus" variation of the Fresco fonts, the ones with longer, book text style ascenders and descenders, but the standard versions with more contemporary proportions would probably work better for the short and technical content on this site.
So, what is at first glance a very simple set of pages without pomp and circumstance, is actually a very finely tuned and elegant piece of typesetting that improves the reading experience and speaks well of the studio. Small details matter:
A clear typographic hierarchy using size and color, not furniture or ornamentationAll text as HTML (webfonts), not imagesA consistent grid, broken occasionally for the sake of content and varietyAdequate space between paragraphs and linesReasonable line lengthsSmall caps with added spacing (though probably too loose)
See also: Billy Whited's "Brief Primer on Typeface Selection" »
游客ReviewFS Emeric字体：一款令人愉悦的新字体font article没看看有这款字体啊
我在这儿Review网页设计中的艺术字体设计与排版（1）font article很好 值得学习
游客Review免费商用中文字体有哪些？font article新蒂字体 授权使用： 无需备案免费使用的情况： 在个人电脑上安装、打印个人文档、个人网站、博客、微博配图 需要备案免费使用的情况： 设计有可能商用的稿件（在商用时购买商业授权）、用于免费提供给他人的印刷品（印量在500份以内，且无需获得印刷品行政许可）的情况、用作没有品牌冠名的公益广告、用作完全免费（不能含有收费项目）的软件及网络服务。 需要购买个人授权的情况： 个人网店的装饰、个体商...