2017-02-28 6 views
0

フォントGregorはMozillaで削られています。あなたはそれがChromeでどのように見えるかを確認することができますMozillaのフォントGregor

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

スタックオーバーフローは、プログラミングおよび開発の質問のサイトです。この質問は、プログラミングや開発に関するものではないので、話題にはならないようです。ヘルプセンターの[ここではどのトピックを参照できますか](http://stackoverflow.com/help/on-topic)を参照してください。おそらく、[スーパーユーザ](http://superuser.com/)や[Unix&Linux Stack Exchange](http://unix.stackexchange.com/)の方が良いかもしれません。 [Dev Opsについての質問はどこに投稿しますか?](http://meta.stackexchange.com/q/134306) – jww

答えて

0

私はこの問題を解決しました。どうやら、Mozillaは.otfをサポートしていません。私は外に出ました。フォントグレゴールのサイト。私の驚いたことに、他のフォーマットはありませんので、私はグーグルで見つけて、それを他のサイトで見つけ、コンソールから直接取り出しました。

0

それは正確に知ることは不可能ですウィット完全なコード例があります。このウェブサイトのすべてのブラウザで正しく表示されます:http://gregorfont.com/ - これは、オーバーフローを引き起こす原因となるCSSの高さがいくつかあると考えています。

+0

高さは100%です。 –

+0

@RatiborYaroslavovichクールで、私たちが実際にこれが画像として表示されるのではなく、実際に起こるのを見ることができるように、投稿を[mcve]で更新してください。 –

+0

を追加しました。チェックしてください。 –

関連する問題