About three years ago, I wrote a piece on how to get system fonts in CSS. The San Francisco fonts had just been released and getting them onto a web page wasn’t obvious or easy. A recent tweet reminded me that I needed to update this information. In my original post, I proposed the idea […]
Search Results for “font”
Note: This post contains out-of-date information and is left here as a historical record. Please refer to this new post on using system fonts in CSS. Thanks! Apple is working on a lovely new system font for both iOS and OS X. We first saw the San Francisco font on the Apple Watch: we’ll soon […]
When sizing fonts with CSS, there’s a rule of thumb that states: 1em = 12pt = 16px = 100% There are even handy tools that help you calculate sizes based on this rule. But this rule of thumb leaves out a very important piece of information. And without that information, you could be left wondering […]
This site now supports Dynamic Type on iOS and iPadOS. If you go to System Settings on your iPhone or iPad, and change the setting for Display & Brightness > Text Size, you’ll see the change reflected on this website. This is a big win for accessibility: many folks make this adjustment on their device […]
This past summer we narrowly avoided a major user interface regression on Apple devices. The story ended well, but I think it’s important to look back on the situation and ask a simple question: Why did this happen in the first place? My answer is something I call “consistency sin”. Understanding the cause lets us […]