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>@import url('https://fonts.googleapis.com/css2?family=Ma+Shan+Zheng&family=Noto+Sans+SC:wght@500&family=ZCOOL+KuaiLe&display=swap');</style>
指定font-family:
font-family: 'Ma Shan Zheng', cursive;font-family: 'Noto Sans SC', sans-serif;font-family: 'ZCOOL KuaiLe', cursive;
这样你的页面上应用了这些字体的文字就会变得优雅起来。
此外,这个网站还提供了大量的icon,也是差不多的引入形式,大家能够本人去查看:
文章到此就完结了,心愿能够帮到你。