VUE導入フォント

497 ワード

1.必要なフォントをダウンロードする.ttf
2.commondの下でfontを確立する.cssホット事件の後であなたの.tffファイルを入れる
3.font.css
@font-face {  
 font-family: 'XXX';  //      
 src: url('.ttf');  //    
 font-weight: normal;  
 font-style: normal;  
}

4.webpackを構成する.base.conf.jsファイル
{
        test: /\(woff?|eot|ttf|otf)(\?.*)?$/,
        loader: 'url-loader',
        option: {
          limit:10000,
        }
      },

5.font-familyをそのまま使う:“xxxx”