CSS3 网页字体

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>
CSS

它将产生以下结果 −

CSS3 网页字体

字体描述

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

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

Python教程

Java教程

Web教程

数据库教程

图形图像教程

大数据教程

开发工具教程

计算机教程

登录

注册