9 uniapp -- 引入字体图标 使用sass

uniapp中使用字体图标注意事项：

1、字体文件 < 40kb，uni-app会自动将其转化为base64格式。2、字体文件 ≥  40kb，需要开发者自己转换，否则不生效。

3、字体图标的引用路径，推荐使用以“~@”开头的绝对路径。

      @font-face{font-family:"宋体" ；src:url('~@/static/font/iconfont.css')}

导入字体图标步骤：

1、下载字体图标，并解压

 2、选取以下文件，新建font文件夹，放入下列文件

  3、将font文件夹放入static文件夹下边

 

 4、将解压后的文件包里的iconfont.css内的代码粘贴到uni-app项目中的App.vue文件的style标签内，并修改以下路径：

 

路径修改为：

 uniapp中使用sass: 

1、Hubilder中点击工具 -->  插件安装 --> 选择scss/sass编译，点击安装。

2、在style标签上添加 lang="scss"