看起来不同的字体在Windows机器

时间：2015-06-16 14:41:45

标签： html css macos twitter-bootstrap

我正在开发网站watr.io，并且Windows上的字体看起来与Mac上的字体不同。 Mac上的那个是我想要的，有人能看出什么是错的吗？我一直试图解决它几个小时。

以下是比较的截图

Here is the mac version

Here is the windows version

4 个答案:

答案 0 :(得分：3)

从表面上看，你使用的是Helvatica字体。

Mac OS上存在的字体，但不在Window的

上

您需要使用@font-face将字体添加到您的网站。

但是为了做到这一点，你必须拥有该字体，或者你可以使用另一种字体。

选中此项以了解有关font-face http://www.font-face.com/的更多信息。

答案 1 :(得分：1)

使用的字体必须在您正在使用的机器/服务器上可用，您不能使用任何字体。如果使用计算机上不存在的字体，则将使用默认字体。请使用一些安全的声音 ：http://web.mit.edu/jmorzins/www/fonts.html

答案 2 :(得分：0)

如果您使用的是网络字体，请确保正确加载。如果您没有使用网络字体，那么您将受到每个系统内部字体的支配。例如，声明你想要一个sans-serif / Helvetica / Arial字体很可能会在Mac上显示Helvetica，在PC上显示Arial。

如果这些都不是问题，请提供更多详细信息和CSS。

答案 3 :(得分：0)

检查您的代码我看到以下内容：

font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

您的浏览器首先查看列表中的第一个字体，如果机器有可用，它会使用它。如果它在计算机上不可用，它会查看您是否已使用@font-face加载它，或者可能将其加载到<head>（Google字体建议的方式）。如果仍未找到该字体，它将移至列表中的下一个字体。由于Mac有这种字体可用，所以它使用它。由于Windows没有它，它会忽略它并移动到下一个字体。

您需要做的是下载所需的字体并将其放在目录中，以便您可以在CSS中使用@font-face来使用它。

相关问题
最新问题