苹方字体在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

Powered by Hexo and Hexo-theme-hiker

Copyright © 2013 - 2019 FE blog All Rights Reserved.

访客数 : | 访问量 :