2016-06-15 6 views
1

나는 유성 프레임 워크를 사용하고, 내 main.scss 파일에 다음을 해요 :이 작동되지 않고@ 글꼴 얼굴 렌더링과 같은 타임즈 새로운 로마

@font-face { 
    font-family: 'GrandHotel-Regular'; 
    src: url('GrandHotel-Regular.eot'); 
    src: url('GrandHotel-Regular.woff2') format('woff2'), 
     url('GrandHotel-Regular.woff') format('woff'), 
     url('GrandHotel-Regular.ttf') format('truetype'), 
     url('GrandHotel-Regular.svg#GrandHotel-Regular') format('svg'), 
     url('GrandHotel-Regular.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal; 
    font-style: normal; 
} 

h1 { 
    font-family: 'GrandHotel-Regular'; 
} 

내가 선택한 글꼴의를 검사 할 때 가족은 GrandHotel-Regular이어야하지만 콘솔에 Times New Roman으로 표시되어 있다고합니다.

우분투에서 Chrome을 사용하고 있습니다. 내 노트북이 너무 오래되었으므로 더 이상 업데이트 할 수없는 이전 버전이지만,이 문제가 저에게 효과적이기 때문에 문제를 일으키는 것으로 생각하지 않습니다. 과거에.

무엇이 잘못 될 수 있습니까? 이와 같은

다른 질문 : Font coming out as Times New Roman in Older Browsers

또는이 하나 Font proxima_novalight is rendered as Times New Roman

같은 문제를 해결하지 않습니다.

답변

1

글꼴에 대한 url에는 파일 경로의 일부로 폴더가 없으므로 글꼴이 CSS 파일과 동일한 폴더에 있어야합니다. 그들은 정말로? (그렇지 않다면 폴더/파일 경로를 추가하십시오.)

+0

나는 바보입니다. 하아. 나는 그것을 잡지 못했다고 나는 믿을 수 없다. – blaineh

0

프로젝트는 어떻게 설정합니까? 개발자 도구에서 네트워크 탭을 확인하여 글꼴이 실제로로드되고 있는지 확인하십시오. 그렇지 않은 경우 URL을 다시 확인하여 올바른 파일을 가리키고 있는지 확인하십시오.

코드가 완벽하게 잘 보이므로 프로젝트 설정에 문제가없는 경우 다른 브라우저를 사용하여 문제를 재현 할 수 있는지 확인하십시오.