1.打开谷歌字体网站https://fonts.google.com/
找到想要的字体,点击右侧select加号,然后点右上角的view selected family,在use web里复制字体url,粘贴到head标签里。
<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=Open+Sans:ital,wght@1,500&display=swap"
rel="stylesheet"
/>
<style>
p {
font-family: "Open Sans", sans-serif;
font-size: 100px;
}
</style>
</head>
<body>
<p>Hello World!</p>
</body>
效果
2.下载Google Fonts 插件,Ctrl+Shift+X进入插件界面,安装插件。
安装完后就能在空白处加link了,可以给插件加个快捷键,比如Ctrl+Alt+G,这样直接打开字体搜索栏,搜索想要的字体。不设置快捷键的话,需要先Ctrl+Shift+P搜索Google Fonts插件,再进字体搜索栏里搜索字体。
中间那一长串href就是插件生成的。