苹方字体在H5的应用

苹方字体在手机端的展示效果如下：

苹方字体

苹方-简

测试字体 123456789 abcdefg ABCDEFG

苹方-简 常规体

测试字体 123456789 abcdefg ABCDEFG

苹方-简 常规体

测试字体 123456789 abcdefg ABCDEFG

苹方-简 常规体

测试字体 123456789 abcdefg ABCDEFG

苹方-简 极细体

测试字体 123456789 abcdefg ABCDEFG

苹方-简 细体

测试字体 123456789 abcdefg ABCDEFG

苹方-简 纤细体

测试字体 123456789 abcdefg ABCDEFG

苹方-简 中黑体

测试字体 123456789 abcdefg ABCDEFG

苹方-简 中粗体

测试字体 123456789 abcdefg ABCDEFG

San Francisco

测试字体 123456789 abcdefg ABCDEFG

-apple-system

测试字体 123456789 abcdefg ABCDEFG

参考自：http://stackoverflow.com/questions/32660748/how-to-use-apples-new-san-francisco-font-on-a-webpage