Font 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;
}
} `
答案 0 :(得分:0)
如果没有完整的代码示例,就无法确切地知道。在这个网站上的所有浏览器中看起来都很好:http://gregorfont.com/ - 这让我相信你在CSS中有一些设置高度导致溢出被切断?
答案 1 :(得分:0)
我解决了这个问题。显然,Mozilla不支持.otf。我去了场外格雷戈尔。令我惊讶的是,没有任何其他格式,所以我用Google搜索并在另一个网站上找到它并从控制台直接使用。