CSS: フォント ファイルの参照とフォント アイコンの使用_html/css_WEB-ITnose

1. CSS ファイル (fonts.css) で参照されるフォント ファイル:

@font-face {

font-family: 'bbBUS';

src: url('texticon.eot'); /*IE9*/

src: url('texticon.eot?#iefix') format('embedded-opentype'),

url('texticon.woff') format('woff'),

url('texticon.ttf') format('truetype');

}

ヒント: フォント ファイルは現在のファイル統計ディレクトリに配置され、移植性が向上します (テスト後、フォント ファイルは絶対パスで参照する必要がありますが、CSS ファイルは参照しません。これは、個人テストの場合)

2. フォントアイコンの定義:

フォントアイコン作成時の比較表によると:

3. フォントアイコンの使用 (HTML ページ):

効果: