@ font-face를 사용할 때 어떤 글꼴을 다운로드합니까?

@ font-face는 모든 브라우저가 사용할 단일 파일 형식을 결정할 수 없기 때문에 다소 혼란 스럽습니다. 아래는 내가 현재 사이트에 1 개의 새로운 글꼴을 추가하기 위해 사용하고있는 것입니다. 4 개의 개별 글꼴 파일이 있음을 알 수 있습니다. 일부 브라우저는 다른 형식을 지원하지만 브라우저는 모든 파일을 다운로드하거나 단지 1 필요한 것?@ font-face를 사용할 때 어떤 글꼴을 다운로드합니까?

@font-face { 
    font-family: 'Oswald'; 
    src: url('oswald-webfont.eot'); 
    src: url('oswald-webfont.eot?#iefix') format('embedded-opentype'), 
     url('oswald-webfont.woff') format('woff'), 
     url('oswald-webfont.ttf') format('truetype'), 
     url('oswald-webfont.svg#OswaldRegular') format('svg'); 
    font-weight: normal; 
    font-style: normal; 

}

출처

2012-04-04 JasonDavis

파이어 폭스를 사용하고 있다면 서버의 액세스 로그를보고 브라우저에서 다운로드 한 내용을 정확히 볼 수 있으며 HTTPFox 나 Firebug의 넷 탭과 같은 웹스 니퍼를 사용할 수 있습니다. –

Google 크롬에는 무언가가 있습니다. –

나는 브라우저에 맞는 첫 번째 호환 형식을 다운로드한다고 생각한다. 그 이후의 모든 것은 무시됩니다. – Scott

브라우저가이을 지원 모든 글꼴을 다운로드하여보다 것은 적용하는 내가 기대 최신 만, 단지 다른 CSS 속성에있다.

내 기대는 잘못된 것 같습니다. 위에 제공된 것과 동일한 마크 업과 함께 글꼴을 포함하는 사이트에서 FF는 .ttf/.otf도 지원하지만 .woff 파일 만 다운로드했습니다.

참고 : the support matrix; 개별 형식은 맨 아래에 링크됩니다.

출처

2012-04-04 22:07:04

@ font-face를 사용할 때 어떤 글꼴을 다운로드합니까?

답변

관련 문제