最新的Web开发教程
 

W3.CSS字体


W3.CSS字体

制作网页漂亮!

随着W3.CSS它是非常容易添加新字体的网页。

  • 使用非常简单(只有CSS和HTML)
  • 无限制地使用外部字体库(如谷歌字体)
  • 适用于所有现代浏览器

使用字体类

制作网页!

在你网页的头部(或在样式表),创建一个字体类:

.w3-myfont {
  font-family: "Comic Sans MS", cursive, sans-serif;
}

在网页的身体,用类名:

<body>
  <p class="w3-myfont">Making the Web!</p>
</body>
试一试»

使用外部字体

在您的网页的头,包括一个外部的字体,并给出字体类:

<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Tangerine">

<style>
.w3-tangerine {
  font-family: 'Tangerine', serif;
}
</style>

在网页的身体,用类名:

<body>
  <p class="w3-tangerine">Making the Web!</p>
</body>
试一试»

更多示例

制作网页!

<link rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Lobster">
试一试»
制作网页!

<link rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Lobster&effect=brick-sign">
试一试»
制作网页!

<link rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Allerta+Stencil">
试一试»
注意 字体效果不会在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>
试一试»