Articles that are related to the use of fonts on the Web.
When using @font-face with typefaces that have multiple weights and styles it’s important to do it correctly, or your CSS will become unwieldy and browsers will have no fallback styles.
If you use the CSS that comes with sIFR, Apple’s VoiceOver screen reader will not read the replaced text. But there is a simple fix.
The Readable bookmarklet, especially in combination with the Better Web Readability CSS framework, makes websites easier to scan and read.
Cufón is a potential replacement for static images or sIFR when you must use a specific typeface that is not widely available. However, it has some usability and accessibility issues.
Downloadable fonts in TrueType format are now supported by nightly builds of Apple WebKit. Will it catch on this time around?
Jason Beaird explains the principles of graphic design for the Web in a way that people who aren’t graphic designers can understand.
Two collections of downloadable quality fonts, most of them free to use without restrictions.
My favourite typography books, recommended for novices as well as for experienced type users.
Because I felt like playing with type a little.
Web professionals should be able to specify font size in pixels, but if we do, Internet Explorer users will not be able to change the text size.
How to enclose blockquotes in large and stylish quotation marks without using images.
Andy Hume explains the technology used to display type on computer screens and goes through the basic principles of web typography.
A website that explains how to apply the working principles described in The Elements of Typographic Style to the Web.
A good introduction to semantics and document structure for anyone who hasn’t already started thinking structurally when marking up documents.
Kevin Hale at Particletree has compiled a list of typography resources. I added a few more.
What do you want to see in sIFR 3? Let the developers know, and you might get it.
Long lines of text may not be that bad for on-screen readability after all.
How to use generated content in CSS to insert a check mark symbol after visited links.
A web application that lets you compare different typefaces and settings side by side.
A discussion on which is most suitable for the web.
Subscribe / follow
- Ad Product Engineer - Quartz at Atlantic Media (New York, NY, Ne, US)
- Freelance Frontend Developer - jQuery/HTML5/PHP at Bywave
- Symfony 2 Developer at Songspace (Nashville, TN - or - Anywhere, Te, US)
- Publication and Textbook Designer at The Church of Jesus Christ of Latter-day Saints (Salt Lake City, UT, Ut, US)
DreamHost web hosting
Use the promo code 456BEREASTREET3 to save USD 20 when you sign up for DreamHost