关于字体

参考：苹果简-字体css样式：https://www.jianshu.com/p/bc9f57a645bd 设置

1. 英文字体用中文样式，中文样式用英文样式会怎么样？
    中文字体一般会包含英文和数字，但不漂亮
    英文字体一般不包含中文字体
    所以在声明family的时候先写英文，再中文不会影响英文的显示效果。

2. 字体列表什么时候加引号？
    字体中间有空格比如”Microsoft Yahei“

3. 英文字体列表的声明顺序
   

2. mac和windows兼容的字体显示？

  关于英文
   a. Mac和Win都会带有Arial, Verdana, Tahoma等几个预装字体
   b. font-family: Helvetica（ios的更漂亮）, Tahoma（ios和android都有，且漂亮）, Arial（都有）;

 关于中文：
   在Win下，微软雅黑为大部分人最常使用的中文字体，由于很多人安装Office的缘故，Mac电脑中也会出现微软雅黑字体，因此把显示效果不错的微软雅黑加入到字体列表是个不错的选择；同样，为了保证Mac中更为优雅字体苹方（PingFang SC）、黑体-简（Heiti SC）、冬青黑体（ Hiragino Sans GB ）的优先显示，需要把这些字体放到中文字体列表的最前面；同时为了照顾到Linux操作系统的体验，还需要添加文泉驿微米黑字体。
 最终整合：
font-family: Helvetica, Tahoma, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei"，sans-serif;

   

3. 字体的加载顺序：从第一个字体开始逐个往后找，有的字体样式使用。到sans-serif为止没有能用的字体，就看所打开浏览器设置的默认无衬线字体，没设置的话用电脑系统默认的无衬线字体。
    <p style="font-family: 'helvetica neue', arial, helvetica, 'Hiragino Sans GB', 'STHeiti Light', 'SimSun', sans-serif;">我爱你中国</p>

4. 苹果字体样式写法http://caibaojian.com/font-family.html

5. 苹果手机和电脑默认字体库一样

 <p style="font-family: 'STHeiti', arial, helvetica, 'Hiragino Sans GB', 'STHeiti Light', 'SimSun', sans-serif;">华文黑体:我爱你中国</p>
    <p style="font-family: 'STXihei', arial, helvetica, 'Hiragino Sans GB', 'STHeiti Light', 'SimSun', sans-serif;">华文细黑:我爱你中国</p>
    
    <p style="font-family: 'STKaiti', helvetica, 'Hiragino Sans GB',  'SimSun', sans-serif;">华文楷体:我爱你中国</p>
    <p style="font-family:  STSong, 'Hiragino Sans GB', 'STHeiti Light', 'SimSun', sans-serif;">华文宋体:我爱你中国</p>
    <p style="font-family: STFangsong, 'STHeiti Light', 'SimSun', sans-serif;">华文仿宋：我爱你中国</p>
    <p style="font-family: BiauKai">标楷：我爱你中国</p>
    <p style="font-family: ProLiHeiPro-Medium">丽黑：我爱你中国x</p>
    <p style="font-family: 'AppleLiGothic-Medium'">苹果丽中黑：我爱你中国x</p>
    <p style="font-family: AppleLiSung-Light">苹果丽细宋：我爱你中国x</p>
    <p style="font-family: PingFangSC-Regular, sans-serif;">苹果简标准：我爱你中国</p>
    <p style="font-family: PingFangSC-Ultralight, sans-serif;">苹果简极细：我爱你中国</p>
    <p style="font-family: PingFangSC-Light, sans-serif;">苹果简细体：我爱你中国</p>
    <p style="font-family: PingFangSC-Thin, sans-serif;">苹果简纤细体：我爱你中国</p>
    
    <p style="font-family: PingFangSC-Medium, sans-serif;">苹果中黑体：我爱你中国</p>
    <p style="font-family: PingFangSC-Thin, sans-serif;">苹果简纤细体：我爱你中国</p>
    <p style="font-family: PingFangSC-Semibold, sans-serif;">苹果简中粗体：我爱你中国</p>
    <p style="font-family: 'SimSun', sans-serif;">我爱你中国</p>
    <p style="font-family: sans-serif;">我爱你中国</p>
   <p style="font-family: STXihei, 'Microsoft YaHei';">我爱你中国</p>
    <p style="font-family: STXihei, '华文细黑', 'Microsoft YaHei', '微软雅黑';">我爱你中国</p>

原文链接：http://caibaojian.com/font-family.html

1、Window下：

• 宋体（SimSun）：Win下大部分游览器的默认字体，宋体在小字号下（如12px、14px）的显示效果还可以接受，但是字号一大就非常糟糕了，所以使用的时候要注意。
• 微软雅黑（"Microsoft Yahei"）：从 Vista 开始，微软提供了这款新的字体，一款无衬线的黑体类字体，并且拥有 Regular、Bold 两种粗细的字重，显著提高了字体的显示效果。现在这款字体已经成为Windows游览器中最值得使用的中文字体。从Win8开始，微软雅黑又加入了 Light 这款更细的字重，对于喜欢细字体的设计、开发人员又多了一个新的选择。
• Arial：Win平台上默认的无衬线西文字体（为什么要说英文字体后面会解释），有多种变体，显示效果一般。
• Tahoma：十分常见的无衬线字体，被采用为Windows 2000、Windows XP、Windows Server 2003及Sega游戏主机Dreamcast等系统的预设字型，显示效果比Arial要好。
• Verdana：无衬线字体，优点在于它在小字上仍结构清晰端整、阅读辨识容易。
• 其他：Windows 下默认字体列表：微软官网、维基百科、Office字体
• 结论：微软雅黑为Win平台上最值得选择的中文字体，但非游览器默认，需要设置；西文字体的选择以Arial、Tahoma等无衬线字体为主。

2、Mac OS下：

• 华文黑体（STHeiti）、华文细黑（STXihei）：属于同一字体家族系列，OS X 10.6 之前的简体中文系统界面默认字体，也是目前Chrome游览器下的默认字体，有 Regular 和 Bold 两个字重，显示效果可以接受，华文细黑也曾是我最喜欢的字体之一。
• 黑体-简（Heiti SC）：从 10.6 开始，黑体-简代替华文黑体用作简体中文系统界面默认字体，苹果生态最常用的字体之一，包括iphone、iPad等设备用的也是这款字体，显示效果不错，但是喇叭口设计遭人诟病。
• 冬青黑体（ Hiragino Sans GB ）：听说又叫苹果丽黑，日文字体Hiragino KakuGothic的简体中文版，简体中文有 常规体 和 粗体 两种，冬青黑体是一款清新的专业印刷字体，小字号时足够清晰，拥有很多人的追捧。
• Times New Roman：Mac平台Safari下默认的字体，是最常见且广为人知的西文衬线字体之一，众多网页浏览器和文字处理软件都是用它作为默认字体。
• Helvetica、Helvetica Neue：一种被广泛使用的传奇般的西文字体（这货还有专门的记录片呢），在微软使用山寨货的Arial时，乔布斯却花费重金获得了Helvetica苹果系统上的使用权，因此该字体也一直伴随着苹果用户，是苹果生态中最常用的西文字体。Helvetica Neue为Helvetica的改善版本，且增加了更多不同粗细与宽度的字形，共拥有51种字体版本，极大的满足了日常的使用。
• 苹方（PingFang SC）：在Mac OS X EL Capitan上，苹果为中国用户打造了一款全新中文字体--苹方，去掉了为人诟病的喇叭口，整体造型看上去更加简洁，字族共六枚字体：极细体、纤细体、细体、常规体、中黑体、中粗体。
• San Francisco：同样是Mac OS X EL Capitan上最新发布的西文字体，感觉和Helvetica看上去差别不大，目前已经应用在Mac OS 10.11+、ios 9.0+、watch OS等最新系统上。
• 其他：Mac下默认字体列表：苹果官网、维基百科
• 结论：目前苹方和San Francisco为苹果推出的最新字体，显示效果也最为优雅，但只有最新系统才能支持，而黑体-简和Helvetica可以获得更多系统版本支持，显示效果也相差无几，可以接受。

3、Android系统：

• Droid Sans、Droid Sans Fallback：Droid Sans为安卓系统中默认的西文字体，是一款人文主义无衬线字体，而Droid Sans Fallback则是包含汉字、日文假名、韩文的文字扩展支持。
• 结论：Droid Sans为默认的字体，并结合了中英文，无需单独设置。

4、iOS系统：

• iOS系统的字体和Mac OS系统的字体相同，保证了Mac上的字体效果，iOS设备就没有太大问题。

来源：前端开发博客
字体常识：http://caibaojian.com/font-family.html