Mozilla 上的字体 Gregor

Question

字体 Gregor 在 Mozilla 上被删除。

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

在 Mozilla 上：

有解决办法吗？

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;



 }
 }  `

Answer 1

没有完整的代码示例就无法准确知道。在本网站的所有浏览器中看起来都不错：http://gregorfont.com/ - 这使我相信您在 CSS 中设置了一些高度，导致溢出被切断？

Answer 2

我解决了这个问题。显然，Mozilla 不支持 .otf。我去了 off.site 的字体 Gregor。令我惊讶的是没有任何其他格式，所以我用谷歌搜索并在其他网站上找到它并直接从控制台获取它。

Mozilla 上的字体 Gregor

Font Gregor on Mozilla

css

fonts

mozilla

google-chrome

cross-browser