Icon Fontプレイセット

16322 ワード

iconfontとは,画像ファイルの代わりにフォントファイルを用いてアイコン,特殊フォントなどの要素を表示することである.
----------長所----------
  • は軽くて薄くて、フォントのファイルは小さくて、普通10-30 kb(字クモで圧縮します)
  • 互換、透明完全互換IE 6
  • は豊満で、hover、clickなどのインタラクティブな効果で
  • が便利に見えます.
  • 百組、ベクトル、スケーリングは変形せず、色の修正が便利で、大きさは
  • です.
  • は静かで、base 64符号化によってスタイルシート内に配置され、ピクチャ要求は発生しない.

  • IconFontの実装はcssで主に@font-faceに現れ、@font-faceはcss 3のモジュールの一つであるが、喜大普奔はIE 4+でサポートできるようになった!@font-faceは主に自分で定義したWebフォントをあなたのページに埋め込みます.
    これにより、Web開発の過程で、Webセキュリティフォント以外のフォントを使用することができます.よく使われるアイコンのようにfont-faceとして定義することもできます.これにより、カスタムフォントを簡単に使用でき、簡単に色の大きさを変えることができます.カットの手間を省く~
    この文章は主に私のいくつかの学習と実践を記録しています.-
    構文規則
    @font-face{
        font-family:;
        src:[];
        [font-weight:];
        [font-style: