CSS：实现某个div里的内容使用自定义字体

概述

1. 它允许网页开发者为其网页指定在线字体。
2. 通过这种作者自备字体的方式，@font-face 可以消除对用户电脑字体的依赖。
3. @font-face 不仅可以放在在 CSS的最顶层，也可以放在 @规则 的 条件规则组 中。
4. 更多关于@font-face的信息，请移步到MDN https://developer.mozilla.org/zh-CN/docs/Web/CSS/@font-face

实现步骤

1. 下载字体到指定路径
2. 使用@font-face将字体引入，并使用font-family对引入的字体命名
3. 定义一个类，用font-family指定刚刚定义的字体名
4. 在div里引入这个类即可

代码示例

<div class="font_style">引入字体</div>

@font-face {
  font-family: "LiquidCrystal";
  src: url('~@/assets/font/LiquidCrystal.otf');
}
.font_style{
  font-family: LiquidCrystal;
}