从操作系统,浏览器和Web服务器的角度来看,从哪里加载字体?

问题描述

问题

我想从计算机科学的角度理解如何在Web浏览器中加载字体。我想知道在查找和加载字体文件时浏览器如何检查以及浏览器在哪里检查。有没有人知道干净的资源来解释这一点(可能在流程图或活动图中)?

背景故事

这个问题困扰着我几个月,因为我一直在从事与向电子邮件Web客户端(Gmail)添加自定义html签名相关的几个项目。由于Gmail在添加签名时在可接受的HTML代码方面受到限制,因此我在使用首选字体方面受到了限制。特别是我一直在尝试使用Raleway字体。我一直在使用以下CSS更改字体font-family: Raleway,san-serif;,并一直在基于Chromium的浏览器中查看Gmail中的html电子邮件签名。

昨天,我注意到字体已经更改(没有任何代码更改),因此即使没有CSS斜体显示文本,字体也被斜体显示。我开始在不同的浏览器中比较html,并注意到在Safari中文本不是斜体。这使我假设网络浏览器可能附带其自己的字体文件

次要问题

浏览器是否还为流行字体提供“认”字体文件

这是我在Chrome,Safari和Firefox上测试过的简单html示例: https://codepen.io/spenweb/pen/MWyNOqv

Chrome(macOS):

enter image description here

Firefox(macOS):

enter image description here

Safari(macOS):

enter image description here

Chrome(Windows):

enter image description here

注意:我在Mac上检查了Font Book应用程序,但是没有看到任何名为“ Raleway”的字体。

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)