字体在不同的浏览器中显示不同

时间:2014-08-14 14:15:44

标签: html css fonts

为什么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;
}

enter image description here

1 个答案:

答案 0 :(得分: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不同,并且比它更好。