用CSS3将你的设计带入下个高度[译]（8）
作者：神采飞扬 来源：前端观察 发布时间：2009-06-22 13:03:00
7. @font-face属性
尽管是最被期待的CSS3 特性 (甚至它在CSS2中就已经被引入了)， @font-face在网站上仍然没有像其它CSS3属性那样被广泛采用.这主要因为字体授权和版权问题：嵌入的字体很容易从网站上下载到，这是字体厂商的主要顾虑。
尽管如此，授权我呢提貌似已经开始解决了。TypeKit 承诺将制定一个方案，以使设计师和字体厂商更容易的统一授权问题，这将显著的充实网站设计中的排版并使@font-face 属性在实际工作中可用。
Mozilla实验室JetPack 网站采用font-face规则来使用DroidSans 字体。
少数使用该属性的网站之一是新上线的JetPack MozillaLabs.
@font-face{
font-family: 'DroidSans';
src: url('../fonts/DroidSans.ttf') format('truetype');
}
要想在你的网站中使用嵌入字体，你必须独立的生命每个样式(比如， normal, bold 和italic)。请确保只使用被授权为使用到网站的字体并在需要的时候给字体的设计师一些表扬。
在定义了@font-face 规则之后，你就可以用普通的font-family 属性来引用该字体了：
p {
font-family: "DroidSans";
}
如果一个浏览器不支持@font-face，它将使用font-family(CSS 字体库)属性中指定的下一个字体。对支持的浏览器来说，如果@font-face 字体是一个奢侈品（只有少数元素用到），这对一些网站是可行的；但是如果该字体在设计中占有一个主要的角色或者是公司的视觉特征的一部分，你就可能想使用其它的解决方案，比如sIFR 或Cufón。尽管如此，请记住，这些工具对标题或较短的文字更适合，复制和粘贴此类内容比较困难而且对用户并不友好。
在网站中使用此类字体不是很好吗？Dave Shea 使用Cufón 和Museo Sans来做的实验。很漂亮！
浏览器支持: @font-face 被Safari 3.1+和chrome支持。Internet Explorer 支持EOT字体。 Opera 10 和Firefox 3.5 将会支持它。
扩展阅读：
0
投稿猜你喜欢
- 学习计划很容易就被打断，坚持也不容易。最近公司里开会，要调整业务方向，建议学习NodeJS。NodeJS之前我就会一点，但是没有深入研究。N
MVC代表: 模型-视图-控制器 。MVC是一个架构良好并且易于测试和易于维护的开发模式。基于MVC模式的应用程序包含：· Models：- 代码如下: public function fillzero(l1) if len(l1)=1 then fillzero="0&
- ThinkPHP的分组功能是广为开发者使用的一个具有很大实用价值的功能，该功能可以解决中大型项目情况中MVC分层文件过多导致不易管理的问题。
- 日志中也没有打印什么明显的错误，只是显示连接了rabbitmq后就关闭了[2019-09-11 06:08:45,729: INFO/Bea
- 有时我们不希望某个类天生就非常庞大，一次性包含许多职责。那么我们就可以使用装饰着模式。 装饰着模式可以动态地给某个对象添加一些额外的职责，从
- 楔子在 Python3.6 之前，格式化字符串一般会使用百分号占位符或者 format 函数，举个例子：name = &
- 在将string类型的数据类型转换为spark rdd时，一直报这个错，StructType can not accept object ％
- 使用python生成随机验证码的方法有很多种，今天小编给大家分享两种方法，大家可以灵活运用这两种方法，设计出适合自己的验证码方法。方法一：利
- 我们知道深度神经网络的本质是输入端数据和输出端数据的一种高维非线性拟合，如何更好的理解它，下面尝试拟合一个正弦函数，本文可以通过简单设置节点
- 本文用纯js代码手写一个瀑布流网页效果，初步实现一个基本的瀑布流布局，以及滚动到底部后模拟ajax数据加载新图片功能。缺点：1. 程序不是响
- 本文实例讲述了python中偏函数partial用法。分享给大家供大家参考。具体如下：函数在执行时，要带上所有必要的参数进行调用。但是，有时
- 本文实例为大家分享了pytorch实现线性回归以及多元回归的具体代码，供大家参考，具体内容如下最近在学习pytorch，现在把学习的代码放在
- 前言通常在项目中，一般都需要一种编程语言来操作数据库，使用Python来操作数据库有着天然的优势，因为Python的字典和MongoDB的文
- 一、前言前文是针对普通的字符串数据进行处理。今天，我们要讲解的textwrap库，是对多文本进行处理的库。比如对于段落的缩进，填充，截取等，
- 前段时间自学了python，作为新手就想着自己写个东西能练习一下，了解到python编写爬虫脚本非常方便，且最近又学习了MongoDB相关的
- Python3.5 版本引入了类型提示（Type Hints），它允许开发者在代码中显式地声明变量、函数、方法等的类型信息。这种类型声明不会
- 一、MySQL修改密码方法总结首先要说明一点的是：一般情况下，修改MySQL密码是需要有mysql里的root权限的，这样一般用户是无法更改
- 最近开发一套接口，写个Python脚本，使用requests.session模拟一下登录.因为每次需要获取用户信息，登录需要带着sessio
- 本文实例讲述了Python3中的真除和Floor除法用法。分享给大家供大家参考，具体如下：在Python3中，除法运算有两种，一种是真除，一
