@font-face
ユーザーがすでにフォントを持っている場合にブラウザがフォントをダウンロードしないように使用する正しい方法は何ですか?
@ font-faceを使用して、システム(Linux)にすでにインストールされているDejaVuを定義しています。Firefoxはフォントをダウンロードしていませんが、Chromiumは毎回フォントをダウンロードしています。
font squirrelに基づく私の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;
}