Question

vue.js里面怎么引入font-icon

Answer 1

font-icon是用css来引入的 而vue.js是js框架 你应该在css中引入font-icon 在vue的html文件中引入css就可以了

Answer 2

先是在CSS里面照旧使用

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

然后在打包工具（一般是用webpack）需要使用url-loader。安装这个loader，然后在webpack配置的地方

      {
        test: /\.(woff2?|eot|ttf|otf|svg)(\?.*)?$/,
        loader: 'url',
        query: {
          limit: 10000
        }
      }

大致这样的。

Answer 3

1.main.js 里面；

2.webpack.config.js里面在loader部分,加入；

Vue.js(读音 /vjuː/, 类似于 view)是一个构建数据驱动的 web 界面的渐进式框架。

Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。

特点：

1.易用

已经会了HTML,CSS,JavaScript?即刻阅读指南开始构建应用。

2.灵活

简单小巧的核心，渐进式技术栈，足以应付任何规模的应用。

3.性能

20kb min+gzip 运行大小、超快虚拟 DOM 、最省心的优化。