更新时间：2024-02-01 15:29
font-face是css3中允许使用自定义字体的一个模块。
font-face是CSS3中的一个模块，他主要是把自己定义的Web字体嵌入到你的网页中
首先，定义新的字体所提供的名称和说明的字体。
然后你引用它。
p {font-family: DeliciousRoman, Helvetica, Arial, sans-serif;}
就是这样。
在前面的例子中使用外部来源。但是，如果将字体文件是在您的服务器上，那么你可以参考以下的方式：
此外，还有其他三个字体属性，您应该知道的。首先是font-stretch，您可以设定的字体会被拉伸，“normal’”是默认的。此外，有字体的风格，让你的字体是斜或斜体。最后，还有字体的重量，最后字体为粗体，等你可以自己设置
并非所有的浏览器都支持@ font-face的！
目前，@ font-face的支持
这是你会说他不支持IE9以下的浏览器吗，不用担心，在旧的浏览器使用@ font-face时，不同的浏览器支持特定的字体文件。
字体渲染是一件棘手的事情 - 尤其是老移动浏览器。你应该总是测试，你可以尽可能多的设备支持。发现问题的速度越快越好。
最后，请记住，使用许多不同的字体可能会减慢你的网站需要时间来加载所有这些字体！