Posts in the Typography category

• How to create drop caps with CSS (and CSS3)

  02 February 2010 by Clive Walker

  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.

  2 Comments

• Web fonts make progress

  21 July 2009 by Clive Walker

  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.

  1 Comments

• Universal style sheet for Internet Explorer 6

  22 May 2009 by Clive Walker

  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.

• Web typography and font stacks

  21 May 2009 by Clive Walker

  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.

• CSS Tip: Expand your font horizons

  01 May 2008 by Clive Walker

  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.

• Website fonts, browser safe fonts

  05 July 2005 by Clive Walker

  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…

  2 Comments