UC知道关于CSS中@font-face 嵌入字体的用法
来源：百度知道 编辑：UC知道 时间：2024/06/18 05:01:04
CSS手册中的介绍如下
@font-face版本：CSS2 兼容性：IE4+
语法：
@font-face { font-family : name ; src : url( url ) ; sRules }
说明：
name : 字体名称
url : 使用绝对或相对地址指定OpenType字体
sRules : 样式表定义
设置嵌入HTML文档的字体。
嵌入HTML文档的字体是指将OpenType字体（压缩的TrueType字体）文件映射到客户端系统，用来提供HTML文档使用该字体，或取代客户端系统已有的同名字体。
示例：
@font-face { font-family: dreamy; font-weight: bold; src: url(http://www.example.com/font.eot); }
我想问的是这个eot文件怎么来的 具体怎么操作
这个标签和font-family有冲突没
我已经在CSS的BODY标签里定义
font-family:"microsoft yahei",verdana,arial;
我想嵌入microsoft yahei 让没字体的用户也能看到效果
@font-face版本：CSS2 兼容性：IE4+
语法：
@font-face { font-family : name ; src : url( url ) ; sRules }
说明：
name : 字体名称
url : 使用绝对或相对地址指定OpenType字体
sRules : 样式表定义
设置嵌入HTML文档的字体。
嵌入HTML文档的字体是指将OpenType字体（压缩的TrueType字体）文件映射到客户端系统，用来提供HTML文档使用该字体，或取代客户端系统已有的同名字体。
示例：
@font-face { font-family: dreamy; font-weight: bold; src: url(http://www.example.com/font.eot); }
我想问的是这个eot文件怎么来的 具体怎么操作
这个标签和font-family有冲突没
我已经在CSS的BODY标签里定义
font-family:"microsoft yahei",verdana,arial;
我想嵌入microsoft yahei 让没字体的用户也能看到效果
关于@font-face的介绍（来自w3c）
http://www.w3.org/TR/CSS2/fonts.html#font-descriptions
网页中的eot字体文件
http://hi.baidu.com/zhy65991/blog/item/5d1e157a683c18f20ad187a3.html
用@font-face来加载服务器上的字体后，是需要用font-family来作用到指定的类、ID、标签上才可以的。
比如对h1定义test这个字体，那么要用font-family来声明使用这个test才可以。
@font-face用的不是太多，一个中文字体集的字体都有好几M，不像英文字体那样比较小，所以如果需要做特殊的艺术字或者要的效果还是做成图片来的简单、高效。