关于CSS中@font-face 嵌入字体的用法

Question

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 让没字体的用户也能看到效果

Answer 1

关于@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，不像英文字体那样比较小，所以如果需要做特殊的艺术字或者要的效果还是做成图片来的简单、高效。