CSS3 字体是一种新的字体格式，它可以让网页设计师更加灵活地使用字体。它允许网页设计师使用不同的字体，而不必依赖于浏览器中已安装的字体。
CSS3 字体可以通过 @font-face 规则来定义，这样就可以在网页上使用特定的字体。@font-face 规则允许开发者将特定的字体文件下载到浏览器中，然后在网页上使用该字体。
@font-face {
font-family: 'MyFont';
src: url('myfont.woff2') format('woff2'),
url('myfont.woff') format('woff');
}
CSS3 字体也允许开发者使用多个字体文件来支持不同的浏览器。例如，如果一个浏览器不支持 WOFF 格式，则可以使用 EOT 格式来代替。
@font-face {
font-family: 'MyFont';
src: url('myfont.eot');
src: url('myfont.eot?#iefix') format('embedded-opentype'),
url('myfont.woff2') format('woff2'),
url('myfont.woff') format('woff'),
url('myfont.ttf') format('truetype'),
url('myfont.svg#svgFontName') format('svg'); }
CSS3 字体还允许开发者通过 font-weight 和 font-style 属性来定义不同的字重和样式。例如，如果要使用 bold 粗体或 italic 斜体样式，则可以通过 font-weight 和 font-style 来实现。
@font-face {
font-family: 'MyFont';
src: url(‘mybolditalic.ttf’) font-weight: bold; font-style: italic; }
此外，CSS3 还允许开发者通过 unicode 码来显示特殊字符或图形。unicode 码是一个数学表示法，由 Unicode Consortium 创建并保留所有版权所有权。unicode 码具有很好的国际化特性，因此能够在多语系中显示准确的文本内容。
@font-face CSS3 at-rule允许我们指定在线字体来显示网页上的文本。
@font-face消除了对访问者计算机上安装的字体的依赖。
此示例简单地指定要使用的可下载字体，将其应用于文档的整个主体。
<html>
<head>
<title>Web Font Sample</title>
<style type="text/css" media="screen, print">
@font-face {
font-family: "Bitstream Vera Serif Bold";
src: url("https://mdn.mozillademos.org/files/2468/VeraSeBd.ttf");
}
body { font-family: "Bitstream Vera Serif Bold", serif }
</style>
</head>
<body>
This is Bitstream Vera Serif Bold.
</body>
</html>
上面的代码呈现如下：
Web字体受到相同的域限制。
字体文件必须与使用它们的页面在同一个域上，除非使用HTTP访问控制来放宽此限制。
响应式 Web 设计 - 媒体查询 媒体(media)查询在 CSS3 上有介绍：CSS3 @media 查询。使用 @media 查询，你可以针对不同的媒体类型...
hr 标签表示段落级元素之间的主题划分。例如，在下面的实例中我们对具有主题变化的内容使用了 hr标签：实例当内容的主题发生变化...
label 标签是一种常见的表单控件，触发对应表单控件功能，让用户在使用表单的时候能够有更好的体验。参考下述的实例：实例带有两...
在 HTML 中给定一个具体的范围（包括最大值与最小值），然后使用 meter 标签来显示该给定范围内的数据，请参考下面的实例：实例...
output 标签显示计算或用户操作的结果，该标签是 HTML5 中的新标签。在下面的示例中，我们将返回一个您可以看到的计算结果：实例...
如果在 ruby 元素中需要多某些字符作出解释或者标记其发音，那么请使用 rt 标签来提供相关的信息。rt 元素必须始终包含在 ruby ...
source 标签可以为picture、audio或video元素指定一个或者多个的媒体资源，请参考下述示例：实例带有两个源文件的音频播放器。浏...
title 标签定义HTML文档的标题，通常体现了网页的主题内容，浏览器会以特殊的方式来使用标题，并且通常它显示在浏览器窗口的标题...
wbr 标签可以用来定义HTML文档中需要进行换行的位置，与br标签不同，如果浏览器窗口的宽度足够，则不换行；反之，则在添加了 wbr...
