字体选择恶

Font-family: SimSun, “宋体”

Font-family: “Microsoft YaHei”, “微软雅黑”

Font-family: STXihei, “华文细黑”, “Microsoft YaHei”, “微软雅黑”

 ######################################
code{

     font-family: Monaco, Menlo, Consolas, "Courier New", monospace; 

     // 优先保证苹果字体MM，在保证微软字体CC

}

 

 

##

最终

 

Font-family: Helvetica, Tahoma, Arial, STXihei, “华文细黑”, “Microsoft YaHei”, “微软雅黑”, sans-serif

 

 

 

1.对于英文字符，首先查找Helvetica(Mac)，然后查找Tahoma(Win)，都找不到就用Arial(Mac&Win)；若是以上三者都缺失，则使用当前默认的sans-serif字体(操作系统或浏览器指定)；

2.对于中文字体，我们已经了解其规则了。华文细黑(Mac)，微软雅黑(Win)是这两个平台的默认中文字体。

 

 

 

########################2

 

-apple-system, BlinkMacSystemFont, segoe ui, Helvetica, Arial, sans-serif, apple color emoji, segoe ui emoji, segoe ui symbol;

Tahoma：十分常见的无衬线字体，被采用为Windows 2000、Windows XP、Windows Server 2003及Sega游戏主机Dreamcast等系统的预设字型，显示效果比Arial要好。

 

##小米

 font: 14px/1.5 "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","HeitiSC","WenQuanYi Micro Hei",sans-serif;

## 淘宝

 font: 12px/1.5 tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif;

## 简述

 font-family: "lucida grande", "lucida sans unicode", lucida, helvetica, "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;

 

 ## 最后

font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;

 

## MacOS

 冬青黑体（ Hiragino Sans GB ）：  Helvetica、Helvetica Neue （这货还有专门的记录片呢）  

 苹方（PingFang SC）

 目前苹方和San Francisco为苹果推出的最新字体

 

-apple-system 是在以 WebKit 为内核的浏览器（如 Safari）中，调用 Apple（苹果公司）系统（iOS, macOS, watchOS, tvOS）中默认字体（现在一般情况下，英文是 San Francisco，中文是苹方）

BlinkMacSystemFont 是在 Chrome 中实现调用 Apple 的系统字体

 

#################

 

serif, sans-serif, monospace, cursive, fantasy.

serif 衬线字体，如 Big Caslon, 宋体

sans-serif 非衬线字体，如 Helvetica, 黑体

monospace 等宽字体，如 Menlo

cursive 手写体，如 Comic Sans MS

fantasy 幻想体，如 Bodoni Ornaments

接下来我们来看一看 CSS 中字体的 Fallback 机制：

font-family: -apple-system,SF UI Text,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif;

 

 

font-family: 'Helvetica Neue', 'Helvetica', 'Microsoft Yahei', sans-serif;