vue3集成font-awesome

第一步：安装

cnpm install font-awesome --save

第二步：在main.ts中引入

import "font-awesome/css/font-awesome.min.css"

在app.vue的style中添加

  [class^="el-icon-fa"], [class*=" el-icon-fa"] {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome!important;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  @import '../../node_modules/font-awesome/css/font-awesome.css';
  $fa-css-prefix: el-icon-fa;

第三步：页面使用

  
  
  
  用户
  用户

页面效果