html css ios系统字体,让iOS在CSS中选择系统字体Helvetica Neue或San Francisco

on iOS and OS X by using the “-apple-system” CSS value for the “font-family” CSS Property.

如webkit.org所述,目前在w3c中正在讨论标准化这个值,因此作者可以简单地指定系统.

系统字体

iOS 9& Safari OS X 10.11

使用font-family：CSS属性：

font-family: -apple-system;

font-family: '-apple-system','HelveticaNeue'; // iOS 8 compatible, credit: @MarcoBoschi

在上下文中(当-apple-system未定义时,返回HelveticaNeue)：

body{font-family: '-apple-system','HelveticaNeue'; font-size:17;}

重量&样式

使用font-weight：CSS属性：

normal, bold, bolder, lighter

100, 200, 300, 400, 500, 600, 700, 800, 900

使用font-style：CSS属性：

normal, italic

动态字体

在iOS 8.4上的-apple-system-xxx.

使用字体：CSS属性(表示整个样式,包括大小和重量)：

font: -apple-system-body

font: -apple-system-headline

font: -apple-system-subheadline

font: -apple-system-caption1

font: -apple-system-caption2

font: -apple-system-footnote

font: -apple-system-short-body

font: -apple-system-short-headline

font: -apple-system-short-subheadline

font: -apple-system-short-caption1

font: -apple-system-short-footnote

font: -apple-system-tall-body

在上下文中：

body{font: -apple-system-body;}

►在GitHub查找此解决方案,并在Swift Recipes上查看更多详细信息.