Skip to content. Adrian Roselli Consultant, Writer, Speaker

All Posts Tagged: typefaces

Typefaces for Dyslexia

Both typefaces claim that heavier strokes on the bottom prevent dyslexic readers from flipping the letters when viewing them. The original caption: A heavier bottom is used to show which way is supposed to be down. I’ve been writing this post in fits, so it may be a bit disjointed.…

Posted:

Tags: accessibility, typefaces, usability, UX

Chromatic Type with Pseudo Elements

Typography on the web has come a long way from the days of a handful of web-safe fonts, six sizes, and little other control. With the ability to embed custom typefaces in web pages and exert a great deal of control via CSS, it was a matter of time before…

Posted:

Tags: css, design, fonts, html, typefaces

Two Advent Calendars for Web Developers

One of the best parts of December, regardless of whether you believe in Christmas or that it belongs in December, is the fun of the advent calendar. As a kid I used to look forward to jamming a new piece of creche-themed chocolate (chocolate stablehand, anyone?) into my mouth every…

Posted:

Tags: accessibility, css, fonts, html, standards, typefaces, WOFF

Trying Google Font Previewer

I’m going to make the assumption that if you are reading this you have at least a passing interest in typography on the web and have heard about Google’s new font preview tool. There are already plenty of articles talking about how easy it is, how Google hosts the typefaces,…

Posted:

Tags: browser, Chrome, css, design, Firefox, fonts, Google, html, Internet Explorer, Opera, Safari, standards, typefaces, WOFF

ALL-CAPS: Harder to Read?

Susan Weinschenk, Ph.D. wanted to write an article about why it’s harder to read text set in all-caps than text set as mixed case. The argument for this has centered around how people read words — recognizing a word shape from its letters, whereas an all-caps word has no unique…

Posted:

Tags: accessibility, design, fonts, typefaces, usability, UX, WCAG

Bulletproof @font-face Syntax (reprint)

Paul Irish has gone ahead and created a block of CSS that we can reliably embed into our pages that will import .eot and .ttf/.otf font files. In his article Bulletproof @font-face syntax, he breaks down the various options and their support, providing arguments for and against each. In the…

Posted:

Tags: browser, fonts, standards, typefaces, WOFF

Firefox 3.6 to Support Web Open Font Format

Mozilla’s developer blog today posted that they have added support for the Web Open Font Format (WOFF) to Firefox 3.6. Firefox 3.5 gave us support for linking to TrueType and OpenType fonts, but this takes it a step further to support a format that is more robust for two key…

Posted:

Tags: css, Firefox, fonts, Internet Explorer, standards, typefaces, WOFF

Search icon Used in the search form as a button. Search icon Used in the search form as a button. Information icon Lower-case 'i' in a circle. Checkmark icon Symbol showing a checkmark. Alert icon Exclamation mark within a triangle.