css - 在 CSS 中使用 Sans-Serif 时的默认字体

标签 css windows-7 windows-10

我们公司有一位设计师,他使用以下 CSS 来选择字体系列:

    font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', sans-serif;

最近我注意到,我使用这种字体的一些 UTF8 图标在我工作的电脑上看起来和在家里的电脑上看起来不一样。

经过进一步调查,我发现我家里(Win7)和工作(Win10)PC 上都没有定义的字体。在每台 PC 上,我都使用 Chromium 浏览器来呈现网站。

  1. 是否有定义或规则,在使用后备“sans-serif”时选择哪个字体系列。
  2. 我如何知道我的浏览器选择了哪个字体系列?事件中 Chrome 开发工具中的计算值似乎是错误的:

enter image description here

最佳答案

打开计算标签,然后打开 Accordion “font-family”,就可以看到浏览器当前使用的字体。引用下图。 enter image description here

关于css - 在 CSS 中使用 Sans-Serif 时的默认字体,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51208836/

相关文章:

css - margin bleeding 是 WebKit 中的错误吗?

html - 排列 Bootstrap 列

html - 横向布局更改为纵向

windows-7 - 程序无法启动,因为缺少 api-ms-win-downlevel-kernel32-l2-1-0.dll - UE4 更新后

docker - Windows 10 和 Docker 容器日志/Docker Logging 驱动程序

javascript - material-ui:无法设置图标菜单的样式

iis - Windows 7 IIS7.5 和 asp 应用程序错误 HTTP 404.0 - 未找到

excel - 找不到 Microsoft Forms 2.0 对象库或 FM20.DLL

windows-10 - 在 Windows 10 uWP 上通过代码重新启动

ssh - 从 Windows 远程访问 Jupyter 笔记本?