css使用客户端没有安装的字体语法解决方案

前端  /  管理员 发布于 7年前   315

在服务器端安装字体是没有办法解决的，因为浏览操作是在客户端，客户端要装该字体才可以。可以用动态字体方案，微软有工具可以制作，到其网站上查一下。但是对于中文字体，下载量太大了，不适合。英文字体的话，还是不错的。

@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文档使用该字体，或取代客户端系统已有的同名字体。此文件可以使 用 Microsoft WEFT 工具制作。

示例：

复制代码代码如下:
@font-face { font-family:comic;src:url(http://valid_url/some_font_file.eot); }
@font-face { font-family: dreamy; font-weight: bold; src: url(http://www.example2.com/font.eot); }