字体图标

  1. 引入字体图标

  2. 字体图标类引用字体图标

[class^='foruicon-'],
[class*=' foruicon-'] {
    color: inherit;

    font-family: 'foruicon' !important;
    font-weight: normal !important;
    font-style: normal;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
  1. 使用 
    <span class="foruicon-test" />

优化

element-icons 默认图标很多没有使用

使用https://kekee000.github.io/fonteditor/#进行筛选

        <link href="https://assets.forucdn.com/fonts/20210128/element-icons.woff2" rel="preload" as="font" type="font/woff2" crossorigin="anonymous"/> 
      
        <style>
            @font-face {
                font-family: "element-icons";
                src: url(https://assets.forucdn.com/fonts/20210128/element-icons.woff2) format("woff2"),
                     url(https://assets.forucdn.com/fonts/20210128/element-icons.woff) format("woff");
                font-weight: 400;
                font-style: normal;
            }
        </style>