Web字体用于允许CSS中的字体，这些字体未在本地系统上安装。
| Sr.No. | Font & Remark |
|---|---|
| 1 |
TrueType Fonts(TTF) TrueType是Apple和Microsoft在1980年代后期开发的轮廓字体标准，它成为Windows和MAC操作系统最常用的字体。 |
| 2 |
OpenType Fonts(OTF) OpenType是Microsoft开发的可缩放计算机字体的格式 |
| 3 |
Web Open Font Format(WOFF) WOFF用于开发网页并于2009年开发。现在W3C推荐使用它。 |
| 4 |
SVG Fonts/Shapes SVG允许SVG文档中的SVG字体，还可以将CSS应用于具有字体属性的SVG。 |
| 5 |
Embedded OpenType Fonts(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>
它将产生以下输出-
字体描述
以下列表包含所有放置在@font-face规则中的字体描述-
| Sr.No. | Value & Remark |
|---|---|
| 1 |
font-family 用于定义字体名称 |
| 2 |
src 用于定义URL |
| 3 |
font-stretch 用于查找应如何拉伸字体 |
| 4 |
font-style 用于定义字体样式 |
| 5 |
font-weight 用于定义字体粗细(粗体) |
参考链接
https://www.learnfk.com/css/css3-web-font.html
标签：CSS3,font,SVG,Fonts,无涯,face,字体,用于,Font From： https://blog.51cto.com/u_14033984/9399696