icomoon下载字体图标

1.进入官网,点击右上角icomoon app

2.选择需要的字体图标,然后点击右下角generate font

3.点击download

4.下载,将压缩包解压,(保留,后续加新字体会用到),打开,将font文件夹复制到根目录下

5.打开style.css,复制第一段到<style>中,这一段是字体声明

@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?hdotvh');
  src:  url('fonts/icomoon.eot?hdotvh#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?hdotvh') format('truetype'),
    url('fonts/icomoon.woff?hdotvh') format('woff'),
    url('fonts/icomoon.svg?hdotvh#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

 6.打开demo.html,复制字体图标上的白板图标即可使用,左侧的数字也可使用,需要在前面添加转义字符“/”

 使用时要先复制字体声明第一行的font-family

 7.追加字体图标,将selection.json重新上传

 进入官网,点击import icons,选择文件selection.json

重新下载后将fonts文件替换

猜你喜欢

转载自blog.csdn.net/tutouxiaotu/article/details/127074776