Web字体用于允许CSS中的字体,这些字体未安装在本地系统上.
不同的网络字体格式
Sr.No. | Font&说明 |
---|---|
1 |
TrueType Fonts (TTF) TrueType是Apple和microsoft在20世纪80年代后期开发的大纲字体标准,它成为Windows和MAC操作系统最常用的字体./p> |
2 |
OpenType Fonts (OTF) OpenType是可缩放计算机字体的格式,由microsoft开发 |
3 |
The Web Open Font Format (WOFF) WOFF用于开发网页并于2009年开发.现在它正在使用W3C推荐. |
4 |
SVG Fonts/Shapes SVG允许在SVG文档中使用SVG字体.我们也可以使用font face属性将CSS应用于SVG. |
5 |
Embedded OpenType Fonts (EOT) EOT用于开发网页,并嵌入网页所以不需要允许第三方字体 |
下面的代码显示了font face : 的示例代码;
<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>
它将产生以下结果 :
字体描述
包含以下列表所有字体描述放在@ font-face规则 :
Sr.No. | 价值&说明 |
---|---|
1 |
font-family 用于定义字体名称 |
2 |
src 用于定义网址 |
3 |
font-stretch 用于查找字体应如何拉伸 |
4 |
font-style 用于定义字体样式 |
5 |
font-weight 用于定义字体粗细(粗体) |