7.24日音讯,解决客户端无设计的字体的方法。有时设计师根据需要用了一些好看的字体,但这些字体在服务器端没有安装是没有办法让客户看到的,因为浏览操作是在客户端,客户端要装该字体才可以。不过目前我们可以用动态字体方案,微软有工具可以制作,到其网站上查一下。但是对于中文字体,下载量太大了,不适合。英文字体的话,还是不错的。
@font-face版本:CSS2兼容性:IE4+
语法:@font-face{font-family:name;src:url(url);sRules}
取值:
name:字体名称。任何可能的font-family属性的值
url(url):使用绝对或相对url地址指定OpenType字体文件
sRules:样式表定义
说明:
设置嵌入HTML文档的字体。此规则无默认值。
此规则使你能够在网页上使用客户端本地系统上可能没有的字体。url地址必须指向OpenType字体文件(.eot或.ote)。此文件包含可以转换为TrueType字体的压缩字体数据,可以用来提供HTML文档使用该字体,或取代客户端系统已有的同名字体。此文件可以使用MicrosoftWEFT工具制作。
示例:
复制代码代码如下:
@font-face{font-family:comic;src:url(../some_font_file.eot);}
@font-face{font-family:dreamy;font-weight:bold;src:url(/font.eot);}