Menu
I'm very curious what font iOS actually chooses when setting font-family: sans-serif. I can't seem to find the answer anywhere, so I'm asking here.
body {
font-family: sans-serif; /* What font will iOS choose? */
}
323
SF Pro. This neutral, flexible, sans-serif typeface is the system font for iOS, iPad OS, macOS and tvOS.
Best sans serif fonts Other well-known sans serif fonts include Helvetica, Arial, and Futura.
SF Pro is the system font in iOS and iPadOS.
Sans serif fonts also work well where there's very little room for copy. Signs, text in apps, and names on maps tend to be sans serif. (There are exceptions, of course. Some sans serif font families, like Arial, are meant to work as body copy — text that goes on for more than a sentence or two.)
The default sans-serif font on iOS 6 and iOS 7 is Helvetica. I've set up a test with this CSS:
div.default {
font-family: sans-serif;
}
div.helvetica {
font-family: 'Helvetica', serif;
}
The result is the very same. I also inspected it using the developer tools, to make sure the styles are applied correctly.
iOS 6
iOS 7
140
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
