乐趣区

关于字体:Google-Fonts-谷歌字体的使用

Google Font(收费)

https://fonts.google.com/

下面的链接打不开 可能须要代理

劣势:英文字体齐全,所有 Google Fonts 字体都是开源且收费
劣势:中文字体匮乏

无论是看起来很正式的,还是花里胡哨的 他都有:

应用办法

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=Ma+Shan+Zheng&family=Noto+Sans+SC:wght@500&family=ZCOOL+KuaiLe&display=swap" rel="stylesheet">

@import

vue 之类的集成了 webpack 的我的项目能够这样引入:

<style>

</style>

指定 font-family:

font-family: 'Ma Shan Zheng', cursive;
font-family: 'Noto Sans SC', sans-serif;
font-family: 'ZCOOL KuaiLe', cursive;

这样你的页面上应用了这些字体的文字就会变得优雅起来。

此外,这个网站还提供了大量的 icon,也是差不多的引入形式,大家能够本人去查看:

文章到此就完结了,心愿能够帮到你。

退出移动版