2017-09-20 1 views
2

나는 그것은 CSS를Google 글꼴의 반환 형식 형식을 지정하는 방법은 무엇입니까?

/* vietnamese */ 
@font-face { 
    font-family: 'Montserrat'; 
    font-style: italic; 
    font-weight: 400; 
    src: local('Montserrat Italic'), local('Montserrat-Italic'), url(https://fonts.gstatic.com/s/montserrat/v10/-iqwlckIhsmvkx0N6rwPmv8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2'); 
    unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; 
} 
/* latin-ext */ 
@font-face { 
    font-family: 'Montserrat'; 
    font-style: italic; 
    font-weight: 400; 
    src: local('Montserrat Italic'), local('Montserrat-Italic'), url(https://fonts.gstatic.com/s/montserrat/v10/-iqwlckIhsmvkx0N6rwPmj0LW-43aMEzIO6XUTLjad8.woff2) format('woff2'); 
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; 
} 

문제는이 woff2 글꼴 형식을 반환 다음로드 다음 코드

<link href="https://fonts.googleapis.com/css?family=Montserrat:400,400i,700,700i" rel="stylesheet"> 

와 구글 글꼴에서 글꼴을로드하려합니다. woff 또는 ttf 형식을 woff2 대신로드하는 방법이 있습니까? 이전 버전의 브라우저에서는 woff2가 올바르게 렌더링되지 않기 때문입니다.

+0

그냥 글꼴 파일을 다운로드하고 로컬 폴더에서 그들을 호출 할 수 있습니다 : 우리는 직접 내가 할 수있는 방법을 찾지 못했습니다 글꼴을 다운로드,하지만 당신은 도움이 github의의 REPO를 확인하실 수 있습니다 프로젝트에서 ttf 또는 woff 파일로 다운로드 할 수 있습니다. –

+0

@DragomirKolev 나는 100 개 이상의 글꼴을 가지고있다. 지역 정보가 좋지 않습니다. 다른 방법이 있습니까? – phpnerd

답변

3

Google 글꼴은 브라우저 스니핑을 수행하고 serve up only the relevant font formats을 시도합니다.

로드 된 CSS는로드하는 브라우저에 따라과 달라야합니다 ().

이전 버전의 브라우저 do support 특히 :

  • 구글 크롬 : 버전 4.249.4+
  • 모질라 파이어 폭스 : 버전 : 3.5
  • 애플 사파리 : 버전 3.1
  • 오페라 : 버전 10.5
  • 마이크로 소프트 Internet Explorer : 버전 6 이상
관련 문제