Hi Federico, thanks for your question. Our chosen approach for the new mobile font stack is explicitly applying system fonts first, then established web fonts (Helvetica, Arial), then a generic font (sans-serif). The iOS 9+/macOS system fonts have to be included otherwise, browsers would fall back to Helvetica, which it does on macOS < 10.10. Roboto is intendedly included for the wide-ranging variety of Android based systems and browsers, ensuring Roboto where available even when specific browser default should be different. Helvetica and Arial are included in contrast to the former Typography Refresh as we haven't found any issues in our testing with Linux operating systems (Gnome, KDE, Ubuntu Unity) and it provides a calculable fallback for older, more rare use cases (MinervaNeue on desktop is still the exception).
Also given the prior art examples we decided to stay with a more explicit stack definition. Additionally, removing Roboto would have saved 6 bytes, removing Helvetica, Arial another 17 bytes after gzipping. Savings didn't seem useful when ensuring font choices that are aimed to improve reading experience for a wide-ranging audience. Please let us know if you have further feedback – preferably on the task[0] or the project page in order to collect for future insights and transparency for people outside of the Foundation orienting on our approaches. [0] - https://phabricator.wikimedia.org/T175877 All the best, Volker -- Senior UX Engineer, Lead User-Interface Standardization Wikimedia Foundation volke...@wikimedia.org | @Volker_E On Thu, Apr 18, 2019 at 4:24 AM Federico Leva (Nemo) <nemow...@gmail.com> wrote: > Volker E., 18/04/19 04:57: > > Technically we're applying an operating system font first stack for > > running text [...] > > This sounds good, but can you elaborate on whether having just > "sans-serif" would achieve such result without all those hardcoded font > names? > > From the linked task, page, talk page response to Anomie and patch it's > not clear and in the patch "sans-serif" still comes last: > < > https://gerrit.wikimedia.org/r/#/c/mediawiki/skins/MinervaNeue/+/484976/6/minerva.less/minerva.variables.less > > > > Federico >
_______________________________________________ Mobile-l mailing list Mobile-l@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mobile-l
