字体在不同浏览器中的显示方式不同[重复]

Question

为什么在 FF 文本中（左）比在 Chrome 和 Opera（右）中小？ （字体为 Times New Roman Cyrillic，文字为俄语）

HTML：

 <div class="content block_width">
  <p>
     text
  <p>
</div>

CSS：

.block_width{
    width: 1000px;
}

div.content{
    background-color: #F0F5F7;

    margin-top: 10px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;

    text-align:left;
}

p {
    font-family: "Times New Roman Cyr";
    font-weight: normal;
    font-style: italic;
    font-size: 16px;
    color: #636262;
}

Answer 1

有几种可能的解释，但最可能的似乎是：没有“Times New Roman Cyr”字体，至少从某些浏览器的角度来看是这样。在我相当普通的计算机（Win 7）中发生的情况是，Chrome 会忽略字体设置并使用其默认字体，而 Firefox 将“Times New Roman Cyr”解释为“Times New Roman”。如果您将字体设置更改为font-family: "Times New Roman Cyr", Courier，您可以检查您的系统是否发生类似情况，以便使用非常不同的字体Courier作为备份。

将设置更改为以下内容应该会有所帮助：

font-family:  "Times New Roman Cyr", "Times New Roman", serif

假设您希望 Times New Roman Cyr 存在于某些系统中，与 Times New Roman 不同并且比它更好。