@font-face
사용자가 이미 글꼴을 가지고있는 경우 브라우저가 글꼴을 다운로드하지 않도록하는 올바른 사용 방법은 무엇입니까 ?
내 시스템 (리눅스)에 이미 설치된 DejaVu를 정의하기 위해 @ font-face를 사용하고 있습니다. Firefox는 글꼴을 다운로드하지 않지만 Chromium은 매번 다운로드합니다!
글꼴 다람쥐 와 그 질문을 기반으로 한 내 CSS 코드는 다음과 같습니다.
@font-face {
font-family: 'DejaVu Serif';
src: url('DejaVuSerif-webfont.eot');
src: local('DejaVu Serif'), url('DejaVuSerif-webfont.woff') format('woff'), url('DejaVuSerif-webfont.ttf') format('truetype'), url('DejaVuSerif-webfont.svg#webfontCFu7RF0I') format('svg');
font-weight: normal;
font-style: normal;
}
/* ... @font-face definitions for italic and bold omitted ... */
@font-face {
font-family: 'DejaVu Serif';
src: url('DejaVuSerif-BoldItalic-webfont.eot');
src: local('DejaVu Serif Bold Italic'), url('DejaVuSerif-BoldItalic-webfont.woff') format('woff'), url('DejaVuSerif-BoldItalic-webfont.ttf') format('truetype'), url('DejaVuSerif-BoldItalic-webfont.svg#webfontQAewh7pf') format('svg');
font-weight: bold;
font-style: italic;
}