W3.CSS Google 字体
使用 W3.CSS 可以非常轻松地添加新字体。
- 非常容易使用（仅 CSS 和 HTML）
- 无限制使用外部字体库（如 Google Fonts）
- 适用于所有现代浏览器
这是 Roboto
这是索菲亚
索菲亚之火
制作网络！
制作网络！
制作网络！
制作网络！
制作网络！
使用 Google 字体
Google Fonts 可以免费使用，并且有超过 1000 种字体可供选择。
在您的网页头部，链接到 Google 字体：
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto">
然后添加关于在哪里使用它的 CSS：
主体，h1，h2，h3，h4，h5，h6 {font-family: Roboto，sans-serif;}
亲自尝试 »
另一个例子
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Sofia">
主体，h1，h2，h3，h4，h5，h6 {font-family: Sofia, serif;}
亲自尝试 »
创建字体类
在您的网页头部，链接到 Google 字体：
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Sofia">
然后创建一个字体类：
例子
.w3-索菲亚 {
字体系列：Sofia，草书；
}
在您的网页中，使用字体类：
制作网络！
例子
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Tangerine">
.w3-橘子 {
字体系列：'Tangerine'，衬线；
}
<p class="w3-tangerine">让网络更加美丽！</p>
亲自尝试 »
制作网络！
制作网络！
例子
<link rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Lobster&effect=shadow-multiple">
亲自尝试 »
制作网络！
制作网络！
