HTML5字体集合的实践经验
在HTML5中，使用<link>标签来链接外部的CSS样式表是一种常见的实现字体集合的方式。以下是一个简单的HTML5文档，它链接了一个CSS样式表，该样式表使用了Google Fonts提供的字体集合：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>使用Google Fonts的HTML5文档</title>
<!-- 链接Google Fonts -->
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet">
<style>
body {
font-family: 'Roboto', sans-serif;
}
</style>
</head>
<body>
<h1>欢迎来到我的网站</h1>
<p>这是一个使用Google Fonts字体的段落。</p>
</body>
</html>在这个例子中，我们使用了<link>标签来链接一个CSS样式表，该样式表引入了两种Roboto字体的权重，即Regular(400)和Bold(700)。在<style>标签中，我们将body的font-family设置为'Roboto', sans-serif，这意味着除非特别指定，否则页面上的文本将使用Roboto字体。这是一种简单的实现网页字体集合的方法。
评论已关闭