易营宝网站建设平台之浏览器如何管理字体 2019

网站中字体为什么在我的电脑上显示在用户电脑浏览时不显示?

我想在网站中添加一种新的字体是否可以?

带着以上疑问,在本文中，我们将一起探讨Web浏览器上的文字排版。换句话说，浏览器究竟如何处理字体？

Web字体在不同的操作系统上不一致地呈现

除了各种连接和浏览器的问题之外，考虑如何跨操作系统呈现字体也很重要。

在渲染文本时，Mac OS和Windows具有根本不同的理念。Mac OS使用anti-aliasing来平滑文本，而Windows Vista和7使用名为ClearType的技术来呈现更详细的文本。 

Windows字体渲染

Windows还有两种不同的渲染模式：较新的DirectWrite和较旧的GDI。这两种模式可以产生截然不同的结果。

IE9和Firefox使用DirectWrite，他们可以使用硬件加速来呈现页面。如果硬件加速不可用或已关闭，则在这些浏览器中字体看起来不那么顺畅。

Chrome使用GDI，Firefox 7计划将GDI用于常见字体，例如Arial。

Safari实际上允许您在Windows风格的渲染和Mac OS风格的平滑之间切换。

Windows Standard使用GDI，而“Light”，“Medium”和“Strong”模仿Mac OS的字体渲染。尝试在Windows Standard和Medium之间切换，您将看到字体高度来回切换。这里要说的是文本的大小可能会有所不同，因此不能依赖于准确定位其他元素。

Windows上的另一个变量是ClearType，它充分利用了LCD屏幕上的像素由红色，绿色和蓝色垂直条组成的事实。它将这些条形视为窄像素，允许Windows在文本中显示更多细节。

最好的情况是，ClearType使文本更清晰，更易读。 在最坏的情况下，它会在文本周围创建彩色的“光环”。您看到的内容在很大程度上取决于您是否使用“调整ClearType文本”工具为显示器配置ClearType。如果软件配置不正确，实际上可能会使文本难以阅读。

Mac OS字体渲染

当然值得注意的是，不是每个人都对Apple的字体渲染感到愤怒;一些Windows用户认为Mac OS牺牲了可读性，以使文本更漂亮。

在不同的操作系统中测试

操作系统如何呈现字体的差异意味着值得在两个不同的平台上测试您的网站。

如果您是Windows用户，偶尔在Mac OS上测试您的站点会很有用（或者至少在Windows上尝试Safari的字体平滑）。

如果您是Mac OS用户，您可能已经在某处拥有Windows副本，以便您可以在IE上进行测试。 值得在Windows上尝试WebKit或Firefox，以便您可以看到不同的渲染模式如何影响您的网站。

回顾整个过程并使用Cufón将字体渲染为矢量图像可能很有诱惑力，然后将其平滑化，就像Mac OS上的文本一样。

在旧版本的IE中使用CSS调整来禁用ClearType可能同样诱人。问题是，这样做会违反用户的期望并忽略他们的偏好。

用户可能已经根据自己的喜好配置了ClearType或其他设置，并且她可能希望网页中的文本看起来与文字处理器或对话框中的文本相同。（值得注意的是，网络字体比Cufón更快，特别是在处理大量文本时。）

Web安全字体

首先，我们需要了解Web安全字体。简单讲Web安全字体，可以被所有浏览器显示，而其他字体则不会。要理解这一点，我们需要了解浏览器如何获取字体。在大多数情况下，浏览器会直接从本地目录中提取字体，从计算机上已安装的字体中提取字体。因为某些字体捆绑在所有版本的Windows，Mac OS X和Linux中，这些字体被认为是“Web安全字体”。这意味着无论您使用什么机器，浏览器总是会找到这些特定的字体。

因为操作系统之间存在一些字体差异。但是浏览器是为了解决这个问题，并使用字体系列来实现跨系统字体。典型的字体是Arial和Helvetica。大多数Windows机器都安装了Arial字体。同样，大多数Mac机器都安装了Helvetica字体。出于Web安全字体的目的，Arial和Helvetica可以被浏览器互换。在大多数情况下，如果网页请求Arial并且浏览器无法在用户的计算机上找到它，则浏览器将自动替换Helvetica。反之亦然。

假设设计师为此网站的设计挑选了一些模糊的付费字体系列。如果用户没有安装这种字体,加上又不属于网络常用字体。用户看到的字体将是默认操作系统中的Web安全字体，如Times New Roman。但是，作为用户的用户，是浑然不知你网站的原字体是什么。

“Web安全字体”版本出现在所有操作系统中。它们是从Windows到Mac重叠到Google（甚至是Unix或Linux）的字体集合。

结论

当涉及到Web字体时，很难完全考虑所有情况。我们所能做的最好的事情就是选择Web安全字体。

我们来看看最流行的Web英文安全字体,共分为以下12种：

1. Arial 2. Helvetica 3. Times New Roman 4．Times 5. Courier New 6. Courier 7. Verdana   

8. Georgia 9. Palatino 10. Garamond 11. Bookman 12. Comic Sans MS 

中文安全字体共计8种：

1. 宋体 2. 黑体 3. 华文彩云 4. 华文仿宋 5. 华文细黑 6. 华文新魏 7. 华文行楷 8. 华文中宋