Chapter 9 Embedded Fonts and Multicolumn Layouts

We’ve added quite a lot of decoration to The HTML5 Herald, but we’re still missing some key components to give it that old-fashioned feel. To look like a real newspaper, the text of the articles should be laid out in narrow columns, and we should use some suitably appropriate fonts.

In this chapter, we’ll add to the look and feel of our website with @font-face and CSS3 columns.

Web Fonts with @font-face

Since the early days of the Web, designers have been dreaming of creating sites with beautiful typography. But, as we all know too well, browsers are limited to rendering text in just the fonts the user has installed on their system. In practical terms, this has limited most sites ...

Get HTML5 & CSS3 For The Real World, 2nd Edition now with the O’Reilly learning platform.

O’Reilly members experience live online training, plus books, videos, and digital content from nearly 200 publishers.