font-awesome

 
// css：
@font-face {
    font-family: MyFontName; // 自定义字体名称
    src: url(../xxx.ttf)
}

// 引用
.text {
    font-family:MyFontName;
}

// css：
@font-face {
    font-family: MyFontName; // 自定义字体名称
    src: url(../xxx.ttf)
}

// 引用
.text {
    font-family:MyFontName;
}

====================
  "library": "font-awesome@4.7.0",
  <i class="fa fa-solid fa-sort-down"></i>

```

@font-face {
font-family: 'FontAwesome';
src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
font-weight: normal;
font-style: normal;
}
.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
} 

```