Compared to display, the letters in text have larger apertures and more generous letter-spacing. Some variants have two optical sizes: "display" for large and "text" for small text.
These include chiseled, stenciled, semi-rounded, dotted, prisma, railed, and slab-serif versions. Stylistic fonts exist, which are mainly present in the iOS 16 Lock Screen, Apple Cash, watchOS Watch Faces, and several promotional materials. Note: SF has the codename SFNS in macOS and SFUI in iOS, regardless of the official name. Which… unless I’m daft… means that San Francisco is a variable font.Monospaced body text in software such as Terminal, Console, and Xcode Chris follows up in a new post:īut just yesterday I randomly stumbled across the fact that the built-in San Francisco font (on the Apple devices that have it built-in) is already variable (!!). See, I was derping around with Roboto Flex, and had system-ui as the fallback font, and I was noticing that during the FOUT, the font-variation-settings I was using had an effect on the fallback font, which renders as San Francisco on my Mac. I suppose we can peek around eventually and see how they do it if they start using them there.ĭoesn’t this make perfect sense to construct as a variable font and ship the whole kit and kaboodle that way? Chris was ogling over the expanded sets as well over on his personal blog and pondered:īut it’s not year clear how we might tap into the condensed, compressed, and expanded varieties in CSS, or if there is even a plan to allow that. With all of these great new options, you might be tempted to use them in a web design. It’s a remarkable read if you haven’t checked it. Then, last month, Jim Nielsen zeroed in on the font’s variations, explaining how the font provides a spectrum of variations based on the width and weight. Apple unveiled an expanded version of its San Francisco system font at WWDC 2022.
0 kommentar(er)
