CSS3 网页字体

网页字体用于在CSS中使用，这些字体未安装在本地系统中。

不同的网页字体格式

序号	字体与描述
1	TrueType字体（TTF） TrueType是由苹果和微软于20世纪80年代末开发的一种轮廓字体标准，成为Windows和MAC操作系统中最常见的字体。
2	OpenType字体（OTF） OpenType是一种可缩放计算机字体格式，由微软开发。
3	网络开放字体格式（WOFF） WOFF用于开发网页，于2009年推出。现在已被W3C推荐使用。
4	SVG字体/形状 SVG允许在SVG文档中使用SVG字体。我们还可以使用字体属性对SVG应用CSS样式。
5	内嵌OpenType字体（EOT） EOT用于开发网页，它已嵌入在网页中，无需允许第三方字体。

以下是字体样式的示例代码：

<html>
   <head>
      <style>
         @font-face {
            font-family: myFirstFont;
            src: url(/css/font/SansationLight.woff);
         }
         div {
            font-family: myFirstFont;
         }
      </Style>
   </head>

   <body>
      <div>This is the example of font face with CSS3.</div>
      <p><b>Original Text :</b>This is the example of font face with CSS3.</p>
   </body>
</html>

它将产生以下结果 −

CSS3 网页字体

字体描述

以下列表包含了所有放置在@font-face规则中的字体描述 −

序号	值与描述
1	font-family（字体系列）用于定义字体的名称
2	src（源）用于定义URL
3	font-stretch（字体伸缩）用于确定字体应该如何伸缩
4	font-style（字体样式）用于定义字体的样式
5	font-weight（字体粗细）用于定义字体的粗细（加粗）