img

加载字体的方法

2021-06-28 0条评论 2.3k次阅读 CSS


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;

💬 COMMENT


🦄 支持markdown语法

👋友