Skip to content. Adrian Roselli Consultant, Writer, Speaker

All Posts Tagged: fonts

Don’t Re-Create Browser Features

There has been some discussion lately around, of all things, text resizing widgets on web sites. It was kicked off by a post from Jeffrey Zeldman suggesting that perhaps it is time to bring them back. Even mighty responsive design benefits from offering a choice of font sizes—because there are…

Posted:

Tags: accessibility, browser, design, fonts, usability, UX

Chromatic Web Fonts, Redux

In 2012 I wrote about how to use chromatic type with pseudo-elements. My objective back then was to minimize the hassle of a content author using a WYSIWYG while also not overwhelming a screen reader user with triplicate content. Pseudo-elements achieved that, though support for pseduo-elements in screen readers is…

Posted:

Tags: accessibility, ARIA, css, design, fonts, html

CSS and System Fonts

This weekend I read a post about techniques to get Apple’s new San Francisco font into your CSS. Since San Francisco is only just being added to iOS and OS X, it can be a bit tricky to get hold of it in Safari. What struck me was the use…

Posted:

Tags: Apple, browser, css, fonts, mobile, Safari, standards, usability, UX

Web Development Advent Calendars for 2014

For a few years now web developers around the world have celebrated Saturnalia Christmas with advent calendars covering topics related to the web. Some come and go, but you’ll probably recognize a few regulars on this list. I may have missed some, so please pass them along if you know…

Posted:

Tags: accessibility, css, design, fonts, html, internet, mobile, standards, usability, UX

Web Development Advent Calendars for 2013

Ganesha may or may not be stealing chocolate from the advent calendar. For a few years now web developers around the world have celebrated Saturnalia Christmas with advent calendars covering topics related to the web. Some come and go, but you’ll probably recognize a few regulars on this list. I…

Posted:

Tags: accessibility, css, design, fonts, html, internet, mobile, standards, 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

Copying Content Styled with Text-Transform

Using the CSS property text-transform to automatically shift copy to uppercase has been popular for a while now, but a combination of a recent explosion in the use of that style and my slow move to Chrome as my default browser has caused me to regularly paste text into emails,…

Posted:

Tags: accessibility, browser, Chrome, css, fonts, rant, Safari, standards, W3C

Thanksgiving, Social Media and Tech Support

Does this Foursquare map of holiday travel look like a turkey to anyone but me? Three years ago I hosted Thanksgiving at my house, tweeting photos of the bird and small brush fire. Two years ago I wrote a post Enjoying Thanksgiving with Social Media and then wrapped my car…

Posted:

Tags: browser, fonts, food, internet, social media

Don’t Let HTML5 Become the New DHTML

This photo represents some of the technologies (pint glasses) that HTML5 (t-shirt) is thought to encompass (drink). The horror of that concept is represented by the hands (defensive wounds coming).I had the pleasure of sharing some pints with Bruce Lawson and Chris Mills last week in London. While discussing what…

Posted:

Tags: css, Flash, fonts, html, JavaScript, mobile, rant, RSS, standards, SVG, video, W3C, whatwg, WOFF

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

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.