2017-02-28 14 views
0

글꼴 Gregor는 모질라에서 잘립니다.Font Gregor on Mozilla

당신은 크롬에 모양을 볼 수 있습니다

enter image description here

그리고 모질라을 :

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)를 참조하십시오. 아마도 [Super User] (http://superuser.com/) 나 [Unix & Linux Stack Exchange] (http://unix.stackexchange.com/)가 더 나은 곳이 될 것입니다. 또한 [Dev Ops에 대한 질문은 어디에 게시합니까?] (http://meta.stackexchange.com/q/134306) – jww

답변

0

나는이 문제를 해결했다. 분명히 모질라는 .otf를 지원하지 않습니다. 나는 갔다. 그레고르 폰트의 사이트. 놀랍게도 다른 형식은 없으므로 다른 사이트에서 봤고 콘솔에서 바로 가져 왔습니다.

0

그것은 불가능 정확히 알 수는 재치 hout 전체 코드 예제. 이 웹 사이트의 모든 브라우저에서 잘 보입니다 : http://gregorfont.com/ - CSS에서 오버플로가 잘리는 부분이 있다고 생각합니까?

+0

높이가 100 % 인 것을 참조하십시오. –

+0

@RatiborYaroslavovich 멋진 소식을 보내려면 게시글을 [mcve]로 업데이트하여 사진과 같이 표시하는 대신 실제 상황을 실제로 볼 수 있습니다. –

+0

나는 추가했다. 확인해주십시오. –