Posts in the Typography category
02 February 2010
Drop caps are a nice typographic detail that look great on many websites; I’ve used these myself on several examples including Just Holiday Nannies (main page headings) and Occupational Synergy (leading paragraphs). There are a few ways of achieving this effect but the CSS selector I like to use is the :first-letter pseudo-element. This selector is reasonably well supported across most modern browsers (albeit with a few minor bugs here and there). Here’s how it works.
21 July 2009
There has been quite a lot of progress on the subject of web fonts in recent months. Rather than sticking to a core set of web-safe fonts, web designers might soon be able to use a much wider range, by choosing one of several new methods. Here's a short summary of recent developments.
22 May 2009
Andy Clarke has written an interesting blog post called Universal Internet Explorer 6 CSS where he advocates the use of a stripped down style sheet [similar to a print style sheet in some ways] that is directed at IE6 users.
21 May 2009
I have been reading more about typography on the web since I went to Skillswap Goes Typographic earlier this year. Richard Rutter has put together a good summary of the event and the slides from his and Jon Tan‘s presentations are well worth reading. Despite some advances with web fonts or font embedding and other methods for displaying and using different fonts in websites, many web designers and front-end developers stick with a core set of fonts and specify these using a font stack in their website style sheets.
01 May 2008
It is sometimes easy to get into the habit of always using the same font declaration in your style sheet for every website you do. Even though the number of fonts that are common to both Mac and Windows systems is pretty small, there are a few variations worth trying.
05 July 2005
Web designers often need to decide which text fonts to use. After all, if your web viewers do not have the same font, then they will not see your lovingly crafted website in the same way…