网页制作 
首页 > 网页制作 > 浏览文章

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

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

@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); }
上一篇:css font 属性的快捷写法
下一篇:CSS自定义WebKit内核浏览器滚动条实现代码
一句话新闻
一文看懂荣耀MagicBook Pro 16
荣耀猎人回归!七大亮点看懂不只是轻薄本,更是游戏本的MagicBook Pro 16.
人们对于笔记本电脑有一个固有印象:要么轻薄但性能一般,要么性能强劲但笨重臃肿。然而,今年荣耀新推出的MagicBook Pro 16刷新了人们的认知——发布会上,荣耀宣布猎人游戏本正式回归,称其继承了荣耀 HUNTER 基因,并自信地为其打出“轻薄本,更是游戏本”的口号。
众所周知,寻求轻薄本的用户普遍更看重便携性、外观造型、静谧性和打字办公等用机体验,而寻求游戏本的用户则普遍更看重硬件配置、性能释放等硬核指标。把两个看似难以相干的产品融合到一起,我们不禁对它产生了强烈的好奇:作为代表荣耀猎人游戏本的跨界新物种,它究竟做了哪些平衡以兼顾不同人群的各类需求呢?