标准实例
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato|Poppins|Inter|Montserrat|Varela+Round">
<style>
body {
font-family: "Lato";
font-size: 22px;
}
</style>
</head>
<body>
<h1>Sofia Font</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
</body>
</html>HTML 引用方式
HTML 引用字体文件
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato|Poppins|Inter|Montserrat|Varela+Round">CSS 应用字体样式
.myFont {
font-family: Lato, sans-serif;
}CSS 引入方式
@IMPORT
@import url("https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900");
body {
font-family: Poppins, sans-serif;
}官方文档
相关链接
https://hexingxing.cn/google-fonts-api/
https://hexingxing.cn/15-best-google-fonts/
0 条评论