web-dev-qa-db-ja.com

CSS3を介して@ Font-Facesを条件付きで読み込む方法は?

現在、例えばマルチリグアルCalibri fotn(win7フォント)のような美しいフォントを使用すると、次のcssを使用すると、ユーザーは既にフォントをインストールしていてもダウンロードします。

@charset "utf-8";  
@font-face {
    font-family: Calibri;
    src: url('http://blabla.com/calibri.eot')
    }

ただし:このフォントは400 kb gzip圧縮されており、ONLYダウンロード、フォントがそうでない場合その名前/姓で存在またはインストールされていますか?

質問:これは、最新のブラウザー(IE8 +、Firefox 3+など)に対して、このためのきちんとした条件付きルールを設定することは可能ですか?実装方法すべての手がかりをありがとう!

1
Sam

次のようにできます:

@font-face {
    font-family: Calibri;
    src:
         local('Calibri'),
         url('http://blabla.com/calibri.eot');
}

ソースおよび詳細な説明

4
betamax