CSS 미디어 쿼리를 통한 글꼴 감지 (TTF 또는 WOFF)

CSS 미디어 쿼리를 사용하여 장치가 @ Font-Face가 아닌 특정 글꼴 형식 (TTF 또는 WOFF)을로드 할 수 있는지 여부를 감지 할 수 있는지 궁금합니다. 나는 화면 크기를 확인한 다음 화면 크기에 따라 특정 글꼴을로드하려고하지 않습니다. 어떤 도움이나 제안, 내 검색을 계속하기 위해 더 나은 방법을 알려 주셔서 감사합니다.CSS 미디어 쿼리를 통한 글꼴 감지 (TTF 또는 WOFF)

업데이트 : {폰트 : 60 픽셀/68px 'ArnoProBoldTTF', 'ArnoProBoldWoff'; 자간 : 0;} 나는이 옵션을 선택하지 않습니다 들었다

가 시도하는 첫 번째 글꼴을로드 할 그럴 수 없다면 2 번째로갑니다.

출처

2012-08-28 jpgr

왜 이것이 필요합니까? 최소한 데스크톱 브라우저를 사용하는 브라우저는 필요한 글꼴 만 다운로드하는 것이 아니라 필요한 (eot/woff/ttf/svg) 글꼴 파일 만 다운로드합니다. – Patrick

media queries으로는이 작업을 수행 할 수 없습니다. 글꼴이 사용 가능하고로드되었는지 확인하려면 자바 스크립트 해결 방법을 사용해야합니다.

그냥 궁금 해서요, 어떤 이유로 이걸 필요합니까? 이러한 유형의 탐지를 요구하지 않고도 목표를 달성 할 수있는 더 좋은 방법이있을 수 있습니다.
모든 장치와 브라우저에 특정 포함 글꼴을로드하려는 경우 간단한 해결책이 있습니다. 필요한 경우 내 대답을 업데이트하겠습니다.

출처

2012-09-01 09:04:44 babca

나는 그것이 가능했는지 묻게되었다, 나는 그것이 내가 그렇게 계속 검색했다라고 생각하지 않았다. 나는 당신이 자바 스크립트에서 그것을 할 수 있다는 것을 알았다. – jpgr

CSS 미디어 쿼리를 통한 글꼴 감지 (TTF 또는 WOFF)

답변

관련 문제