Was ist der richtige Weg, um @font-face
zu verwenden, damit der Browser die Schriftart nicht herunterlädt, wenn der Benutzer sie bereits hat?@ font-face src: local - Wie benutzt man die lokale Schrift, wenn der Benutzer sie schon hat?
Ich benutze @ font-face, um DejaVu zu definieren, das bereits auf meinem System (Linux) installiert ist. Firefox lädt die Schrift nicht herunter, aber Chromium lädt sie jedes Mal herunter!
Mein CSS-Code, basierend auf font squirrel und that question sieht wie folgt aus:
@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;
}
Related: http://stackoverflow.com/questions/3698319/css-font-face-what-does-src-local-mean – dbarbosa