Cách sử dụng đúng cách để @font-face
trình duyệt không tải xuống phông chữ nếu người dùng đã có nó?
Tôi đang sử dụng @ font-face để định nghĩa DejaVu, đã được cài đặt trên hệ thống của tôi (linux). Firefox không tải xuống phông chữ, nhưng Chromium luôn tải xuống phông chữ đó!
Mã CSS của tôi, dựa trên sóc phông chữ và câu hỏi đó trông như thế này:
@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;
}