@フォントフェース
ローカル外部フォントにパッケージをダウンロードして、フォントスタイルを処理します
我々は、どのように使用を見て
1 フォント面@ { 2 フォントファミリー:'カスタム' ; 3。 SRC:URL( 'アドレス') ; 4。 } 5つの。 DIV { 6。 フォントファミリー:'は、上記定義の名前を使用して、' 7 }
中国語フォントパッケージは大きいですので、読み込み速度が非常に遅いため、当社の中国のウェブサイトでは、実際に、多くを使用。
フォントパッケージが存在しない場合を除き、物事はこれ以上使用しません
説明:
HTML文書に埋め込まれたフォントの設定。
- 主流のブラウザの現在のニーズに対応、TureTpe(.TTF)、ウェブオープンフォントフォーマット(.woff)、組込みオープンタイプ(.eot)、SVG(.SVG)形式4つのフォントを使用する必要があります。
- HTML文書に埋め込まれたマップフォントOpenTypeフォント(TrueTypeフォントは、圧縮された)HTML文書、または置換された既存のクライアント・システムで使用されるフォントの同じ名前のフォントを提供するために、クライアントシステムにファイルを指します。クライアントを表示するには、そのクライアントは、フォントがインストールされていません。
- IE独自のフォント形式の.eot(エンベデッドオープンタイプ)。Safari3.1は、.TTF(TrueTypeフォント)と.OTF(OpenTypeの)をサポートするために始めました。
- 将来.woff(ウェブオープンフォントフォーマット)は、.TTF(TrueTypeフォント)と.OTF(OpenTypeの)2つのフォント形式に置き換えられます。
- 例:完全にブラウザ互換のカスタムフォントを使用します
1つの @フォントフェース { 2 フォントファミリー:「diyfont」。 3 SRC:URL( 'diyfont.eot') ; / * IE9 + * / 4 SRC:URL( '?diyfont.eot #iefix')フォーマット( '組み込みのOpenType')、/ * IE6-IE8 * / 5 URL( 'diyfont.woff')フォーマット( 'WOFF') 、/ * クロム、Firefoxの* / 6 のurl( 'diyfont.ttf')フォーマット( 'TrueTypeの')、/ * クロム、Firefoxの、オペラ、サファリ、アンドロイド、iOSの4.2 + * / 7 URL( 'diyfont.svg#のフォント名')フォーマット( 'SVG') ; / * iOSの4.1- * / 8 }