css - Mozilla 上的字体 Gregor

标签 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;



 }
 }  `

最佳答案

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

关于css - Mozilla 上的字体 Gregor,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42498184/

相关文章:

html - 如何对齐和距离 td 值

html - 如何确保可折叠表格后面的文本显示在其下方,而不是右侧?

javascript - 获取用户音频时的 Google Chrome Javascript 问题 - 不允许启动 AudioContext

google-chrome - Flutter for web - 如何使用 Chrome Api?

ios - CTFontManagerRegisterFontsForURL 在设备上不起作用

css - 填充剩余空间直到最大宽度

CSS:一个 div 中的多个内容?

javascript - 第一次请求时未发送 Cookie

fonts - 显式设置 Tesseract-OCR 识别使用的字体

css - PDF 上的小写拉丁字符