Typography
Articles that are related to the use of fonts on the Web.
@font-face tip: define font-weight and font-style to keep your CSS simple
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.
sIFR default CSS hides content from at least one screen reader
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.
Readable – another way of improving readability on the Web
The Readable bookmarklet, especially in combination with the Better Web Readability CSS framework, makes websites easier to scan and read.
Cufón and screen readers
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.
The resurrection of downloadable Web fonts
Downloadable fonts in TrueType format are now supported by nightly builds of Apple WebKit. Will it catch on this time around?
The Principles of Beautiful Web Design (Book review)
Jason Beaird explains the principles of graphic design for the Web in a way that people who aren’t graphic designers can understand.
Freely downloadable quality fonts
Two collections of downloadable quality fonts, most of them free to use without restrictions.
My favourite typography books
My favourite typography books, recommended for novices as well as for experienced type users.
Design is more than graphic design
Because I felt like playing with type a little.
Setting font size in pixels
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.
Quoting blockquotes
How to enclose blockquotes in large and stylish quotation marks without using images.
Web fonts and typography
Andy Hume explains the technology used to display type on computer screens and goes through the basic principles of web typography.
Elements of Typographic Style for the Web
A website that explains how to apply the working principles described in The Elements of Typographic Style to the Web.
Typography, semantics and document structure
A good introduction to semantics and document structure for anyone who hasn’t already started thinking structurally when marking up documents.
Typography resources
Kevin Hale at Particletree has compiled a list of typography resources. I added a few more.
Requests for sIFR 3
What do you want to see in sIFR 3? Let the developers know, and you might get it.
Line length and readability
Long lines of text may not be that bad for on-screen readability after all.
Check marking visited links
How to use generated content in CSS to insert a check mark symbol after visited links.
Typetester
A web application that lets you compare different typefaces and settings side by side.
Typography: serif vs. sans-serif
A discussion on which is most suitable for the web.
Subscribe / follow
Sponsors
Authentic Jobs
Job openings from Authentic Jobs
- 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