カスタムフォントとフォントアイコン

カスタムフォント
4つのフォーマット:異なるタイプのブラウザと互換性を持つ必要があります.

eot,svg,ttf,woff

移動端用*.ttfで

インポート

@font-face {
font-family: 'iconfont';
src: url('*.eot'); /* IE9*/
src: url('*.eot?#iefix') format('embedded-opentype'), /*  IE6-IE8  */
url('*.woff') format('woff'), /*  chrome、firefox  */
url('*.ttf') format('truetype'), /*  chrome、firefox、opera、Safari, Android, iOS 4.2+  */
url('*.svg#iconfont') format('svg'); /*  iOS 4.1-   */ }

フォントアイコン

フォントファイルを入手し、フォルダ

に入れる

HTMLの導入ファイル

HTMLにおけるフォントアイコンは、一般にiタグ

を用いる.

demoページで必要なアイコンを見つけたclassNameは、iラベルに追加され、一般的に2つのクラス名からなる

です.
14組のきれいで無料のフォントアイコン
Webインタフェースデザインの無料アイコンフォント
2018.1.23 2018.1.29更新