9.4 字体名称
页面使用字体由用户操作系统安装与统一管理，每种操作系统会默认安装推荐字体。为匹配不同操作系统的默认安装字体，网页指定字体时会指定多个字体名称。
9.4.1 操作系统常用字体
各操作系统默认安装主要字体如下，包括中英两种字体。
（1）Windows。英文：Arial、Tahoma；中文：微软雅黑（Microsoft Yahei）、宋体（Simsun）。
（2）Linux。中文：文泉驿微米黑（WenQuanYi MicroHei）。
（3）Android。英文：Roboto；中文：思源黑体（Noto Sans）。
（4）MAC与IOS。英文：Helvetica、San Francisco；中文：黑体简（Heiti SC）、华文黑体(STHeiti)、华文细黑（STHeiti Light）、冬青黑体（Hiragino Sans GB）等。
操作系统在不断更新，安装字体也会相应升级变化。
字体设置示例
font: 12px/1.5 Microsoft YaHei,Heiti SC,tahoma,arial,Hiragino Sans GB,"\5B8B\4F53",sans-serif;
“\5B8B\4F53”表示宋体。部分浏览器不支持宋体英文名称Simsun写法，所以用中文对应unicode字符代替。
判断使用字体。浏览器依次判断字体列表，如果操作系统存在此字体则使用，如果不存在则判断下一个，找到为止，如果都不存在或没有指定，使用操作系统默认字体。找到的第一个可用字体称为第一可用字体。
同一页面不同用户看到字体不同。如果用户操作系统只安装默体字体，则Windows系统使用微软雅黑字体，苹果系统使用黑体简字体；如果苹果系统安装了微软雅黑，则使用它。
9.4.2 字体名称先后顺序
设置字体名称先后顺序考虑下列要素：
（1）考虑各大操作系统默认安装字体，尽量使用默认字体。
（2）按优先顺序排列各字体名称。
（3）中英文字体顺序。英文字体不包括中文字符，中文字体包括英文字符。如果英文字体排在前，则英文字符使用英文字体；通常需要英文字符使用中文字体，所以英文字体排在后。
9.4.3 多渲染字体
一个inline元素可能同时使用两种或以上的字体进行渲染。inline元素含有英文与中文，指定字体先英文后中文，则同时使用两种字体。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>小步教程</title>
<style>
body{
font-family: Arial , 微软雅黑;
}
</style>
</head>
<body>
<div>
<span>xiaobuteach.com 小步教程</span>
</div>
</body>
</html>
“计算样式”最下方查看“渲染的字体”，表示当前元素同时使用了两个字体。
一个inline元素使用多个字体时，内部所有字符bounds模型的计算仍按第一可用字体计算。
