加载字体的方法

Sonder

2021-06-28

546字

1分钟

浏览 (2.8k)

1.link

复制代码

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=ZCOOL+XiaoWei&display=swap" rel="stylesheet">

2.import

复制代码

<style>
@import url('https://fonts.googleapis.com/css2?family=ZCOOL+XiaoWei&display=swap');
</style>

3.本地引入

复制代码

@font-face {
   font-family: 'ZCOOL XiaoWei';
   src: url('~@/assets/font/XiaoWei.ttf');
}

最后指定 CSS 规则

复制代码

font-family: 'ZCOOL XiaoWei', serif;

上一篇 / 文字溢出边缘羽化 CSS Mask 实现下一篇 / CSS美化滚动条

加载字体的方法

🎯 相关文章

💡 推荐文章

🕵️‍♂️ 评论 (0)