【Vue_09】Vue 使用特殊字体

用户8250147

发布于 2021-02-04 14:49:33

5410

发布于 2021-02-04 14:49:33

文章被收录于专栏：黑马

在 static 文件夹下创建 font 文件夹。并将下载好的字体拷贝到文件夹下。

@font-face {
  font-family: 'numberFont';    // 自定义字体名称
  src: url("./number.ttf");    // 字体的路径，后缀 ttf 一定能要小写，否则可能找不到字体文件
}

<style>
    @import "../../static/font/font.css";
</style>

<span style="font-family: numberFont">6690802</span>

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

登录后参与评论

0 条评论

热度