微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

如何解决从操作系统,浏览器和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 举报,一经查实,本站将立刻删除。