vue 引入外部less_Vue 自定义字体

Vue 自定义字体

• 首先引入字体文件

• 引入字体到项目

@font-face {
    
  font-family: "UnidreamLED";
  src: url('./1.ttf');
}

• 添加webpack解析

rules:[
         {
    
            test: /.(woff2?|eot|ttf|otf)(?.*)?$/,
            loader: 'url-loader',
            options: {
    
              limit: 10000,
              name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
            }
          }
      ]
</