W3.CSS字体
制作网页漂亮!
随着W3.CSS它是非常容易添加新字体的网页。
- 使用非常简单(只有CSS和HTML)
- 无限制地使用外部字体库(如谷歌字体)
- 适用于所有现代浏览器
使用字体类
制作网页!
在你网页的头部(或在样式表),创建一个字体类:
例
.w3-myfont {
font-family: "Comic Sans MS", cursive, sans-serif;
}
在网页的身体,用类名:
使用外部字体
在您的网页的头,包括一个外部的字体,并给出字体类:
例
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Tangerine">
<style>
.w3-tangerine {
font-family: 'Tangerine', serif;
}
</style>
在网页的身体,用类名:
更多示例
制作网页!
制作网页!
例
<link rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Lobster&effect=brick-sign">
试一试» 制作网页!
字体效果不会在Internet Explorer 9和早期的工作。 |
改变页面字体
在你网页的头部(或在样式表),您已加载w3.css后,更改HTML和身体的风格:
例
<link rel="stylesheet" href="http://www.w3ii.com/lib/w3.css">
<style>
html , body {
font-family: "Comic Sans MS", cursive, sans-serif;
}
</style>
试一试»