Mozilla上的Font Gregor

时间:2017-02-28 00:19:27

标签: css google-chrome fonts cross-browser mozilla

Font Gregor在Mozilla上被削减。

您可以在Chrome上看到它的外观:

enter image description here

关于Mozilla:

enter image description here

有一些想法如何解决这个问题?

UPD:这是代码人员 HTML `

  <div id="headliner" class="constraint-wrapper">
       <div class="constraint-box">
             <div id="headline">

    <span>«Русская Тоскания» в 2016 году</span>
       </div>
     </div>
 </div>

以下是 CSS

#headliner{
width:100%;
height:140px;

.constraint-wrapper {
width:100%;
display:flex;
justify-content: center; 
.constraint-box {
    display: flex;
    width:100%;
    max-width:1200px;
    padding:15px;
}
}

并且

#headline {
word-wrap:break-word; 
font-family: 'Gregor', Arial;
font-size: 35px;
color: #9a0e2f;
white-space: nowrap;
margin-right: 15px;
margin-top: 60px;
@media (max-width: 1000px) {
    max-width:100%;
    max-height:100%;
    font-size:19px;



 }
 }  `

2 个答案:

答案 0 :(得分:0)

如果没有完整的代码示例,就无法确切地知道。在这个网站上的所有浏览器中看起来都很好:http://gregorfont.com/ - 这让我相信你在CSS中有一些设置高度导致溢出被切断?

答案 1 :(得分:0)

我解决了这个问题。显然,Mozilla不支持.otf。我去了场外格雷戈尔。令我惊讶的是,没有任何其他格式,所以我用Google搜索并在另一个网站上找到它并从控制台直接使用。