仅在我的网站上出现奇怪的字体大小问题
我目前正在为我的大学图书馆开发一个网站，一个非常奇怪的问题出现了。网站上的字体，无论是实时版本还是我的机器(不是服务器)上的字体，总是比它应该的要小。仅在两台计算机上出现这种情况--我自己的计算机和我的主管。这在所有浏览器中都会发生。我非常确定这在我们两个人身上都会发生，因为我们处理过代码，但我想不出有任何CSS规则会影响它。更糟糕的是，它影响了两个不同的CSSs-旧站点(我还没有接触过)和计划明天推出的新站点。我尝试过修复计算机显示字体的方式，浏览器显示字体的方式，更改分辨率，并尝试放大。这些方法都不起作用。而且，其他具有相同分辨率和显示器的计算机也可以很好地查看。我访问的其他网站都没有这个问题。我被难住了。有什么想法吗？
网站在这里：http://library.uis.edu
文本的比较可以在这里看到：http://imgur.com/a/Tb7Mv
回答 2
Stack Overflow用户
发布于 2012-08-08 05:27:05
我认为这可能是字体问题，而不是字体大小问题。Myriad pro不被视为websave字体。由于您的计算机和您的主管之一可能安装了Adobe，它随Myriad一起提供，因此您看到的是Myriad中的站点，而其他计算机看到的是Verdana中的站点。(虽然不是完全确定)
Stack Overflow用户
发布于 2012-08-08 05:23:42
看起来你正在调用Myriad Pro作为第一个字体。我已经在我的系统上安装了这种字体，但是你要求字体大小是75%，这对于像Myriad Pro这样的字体来说，会大大缩小它。如果我将font-size和font-family仅清除为Verdana，则可以正常呈现，但您的一些元素(如选项卡式导航)将需要解决。
我不会使用这样的字体，除非你正在使用@ font -face和一个web生成的字体包。通过选择Myriad Pro作为字体，您将仅在也具有该字体的计算机上呈现该字体。考虑使用像Google Web字体这样的东西：http://www.google.com/webfonts/
拥有正文级别的字体很好，并且应该在全局级别处理这些元素(而不是正文)的交叉字体(标题与段落)。假设正文将占据正文中的大部分文本。如果需要，可以在正文级别定义标准字体大小，例如1.0em；，如果不想在正文中使用1.0em，则可以为其他元素定义em大小，例如h1、h2标记和p标记。
https://stackoverflow.com/questions/11854171
复制相似问题
腾讯云开发者
