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