【发布时间】：2018-07-06 10:55:13
【问题描述】：
我们公司有一位设计师，他使用以下 CSS 来选择字体系列：
font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', sans-serif;
最近我注意到，我用这种字体使用的一些 UTF8-Icons 在我的工作电脑上和在我的家用电脑上看起来不同。
经过进一步调查，我发现我家 (Win7) 和我的工作 (Win10) PC 上都没有定义的字体。在每台 PC 上，我使用 Chromium 浏览器来呈现网站。
- 在使用后备“无衬线”时，是否选择了 Font-Family 的定义或规则。
- 我怎样才能知道我的浏览器选择了哪个字体系列？事件 Chrome 开发工具中的计算值似乎是错误的：
【问题讨论】：
-
向右滚动到
Computed选项卡的底部（到恰当命名的“渲染字体”部分），您会找到答案。 -
无衬线的默认后备字体是在每个浏览器的基础上定义的，并且可以由用户在浏览器设置中更改：i.imgur.com/fEjQCGE.png（例如 Firefox）。因此，要获得“经验法则”，您可以安装每个浏览器的新副本，然后查看默认设置。
-
@George 成功了。 Arial 用于 Win7 和 Win10 的 Sergoni UI。
标签： css windows-7 windows-10