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

(编辑:jimmy 日期: 2025/1/16 浏览:2)

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

@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); }

一句话新闻

高通与谷歌联手!首款骁龙PC优化Chrome浏览器发布
高通和谷歌日前宣布,推出首次面向搭载骁龙的Windows PC的优化版Chrome浏览器。
在对骁龙X Elite参考设计的初步测试中,全新的Chrome浏览器在Speedometer 2.1基准测试中实现了显著的性能提升。
预计在2024年年中之前,搭载骁龙X Elite计算平台的PC将面世。该浏览器的提前问世,有助于骁龙PC问世就获得满血表现。
谷歌高级副总裁Hiroshi Lockheimer表示,此次与高通的合作将有助于确保Chrome用户在当前ARM兼容的PC上获得最佳的浏览体验。