iOS dynamic type on the web

http://mrmrs.io/ios-dynamic-type/

by mrmrs • 10 years ago

26 15 10 years ago

mrmrs.io

jordanwallwork• 10 years ago

If someone running iOS could provide screenshots then this article would get a whole lot more interesting

alexashka• 10 years ago

It's helvetica font of varying weights/sizes - not at all interesting to look at.

In short - you specify 'apple device headline font' in css and the phone uses whatever the default headline font is for that version of iOS.

Very useful for making web apps look native by matching the system fonts.

ldjb• 10 years ago

Here's what the page looks like on an iPad: http://imgur.com/tUGUfpA

Sidnicious• 10 years ago

On an iPhone 6S: https://i.imgur.com/8fNGdl7.gif

TazeTSchnitzel• 10 years ago

I recall reading someone complaining about Apple adding this feature. Unlike normal vendor prefixes, it's not really for an experimental feature that other vendors might implement, it's a final feature that is proprietary.

glhaynes2• 10 years ago

It'd be foolish to use it on the broader web (and I don't know any instances of anyone doing so), but it seems like it could be really useful for HTML intended to be rendered in an app on an Apple platform.

IgorPartola2• 10 years ago

Why can't we have the same thing for "-android-system-headline" for example? And when everyone implements it, it would be just "system-headline".

mrmrs3• 10 years ago

From my understanding - it is proprietary at the moment but Apple has publicly pushed for other vendors to do something similar and for it to be standardized. There is a discussion on w3c to make this a standard: https://lists.w3.org/Archives/Public/www-style/2015Jul/0169....

seivan• 10 years ago

Good luck convincing designers to use this.

My parents can't use a few applications because of designers refusal. My dad literally had to change banks because some of the banks used too small fonts. So far none of them use dynamic type, but at least some have larger fonts.

pedrogpimenta• 10 years ago

He changed banks. That's so fucking weird. Changing a bank because of its app. Have not heard this before.

mrmrs3• 10 years ago

I get that this is proprietary - but I do like the idea of font styles being driven by global user settings at the browser or system level. Would love to see more of this in the future.

I put this together mostly so that I could build some simple iOS prototypes with html and css - not something I'd use for the average web app project.

pluma• 10 years ago

Any screenshots for non-iOS users?

iOS dynamic type on the web

Related Stories