我正在为我的大学图书馆开发一个网站，并且出现了一个非常奇怪的问题。网站上的字体，无论是实时版本还是我的机器上的字体（不是服务器）总是小于应有的字体。这只是两台计算机上的情况 - 我自己和我的主管。它发生在所有浏览器中。我很确定它们正在我们两个都发生，因为我们已经处理了代码，但我想不出会影响它的任何CSS规则。更糟糕的是，它影响了两个不同的CSS - 旧网站（我没有碰过）和明天打算推出的新网站。我已经尝试修复计算机显示字体的方式，浏览器显示字体的方式，更改分辨率以及尝试放大。这些方法都不起作用。此外，具有相同分辨率和显示器的其他计算机看起来很好。我访问的其他网站都没有此问题。我很难过。有什么想法吗？
该网站位于：http://library.uis.edu
可在此处查看文本比较：http://imgur.com/a/Tb7Mv
答案 0 :(得分：2)
我认为这可能是字体问题，而不是字体大小问题。 Myriad pro不被视为websave字体。作为你的机器和可能你的主管已经安装了可能的Adobe，与Myriad一起，你在Myriad看到该网站，而其他机器在Verdana看到该网站。 （虽然不完全确定）
答案 1 :(得分：0)
看起来您正在调用Myriad Pro作为第一种字体。我在我的系统上安装了该字体，但是您将字体大小调整为75％，这在Myriad Pro这样的字体上会大大缩小。如果我将font-size和font-family清除为Verdana，它会呈现正常，但是您需要解决一些元素，例如选项卡式导航。
除非你使用@ font-face和网络生成的字体包，否则我会远离这类字体。通过选择Myriad Pro作为您的字体，您将只在具有该字体的计算机上呈现该字体。考虑使用Google网络字体：http://www.google.com/webfonts/
在正文级别使用字体很好，并且应该在这些元素（不是正文）的全局级别处理交叉字体（标题与段落）。假设身体将占据身体中的大部分文本。您可以定义标准字体大小，例如1.0em;如果你想要的话，在body级别，如果你不想从正文中使用1.0em，那么为其他元素定义em大小，例如h1，h2标签和p标签。