web字体

利用现代浏览器的功能,通过在服务器上储存字体向用户提供新字体。

web字体的工作流程:
1.浏览器向服务器请求html文件
2.浏览器发现页面使用了web字体,向服务器请求web字体文件
3.得到web字体文件,加载页面

css中写入web字体:
规则以@font-face开头,@font-face规则会建立一个字体,将指定一个font-family名。在@font-face规则中,使用font-family属性为字体创建名字。src属性告诉浏览器在哪可以得到这个字体。

ex.

@font-face
{
font-family:Sansation_Light;
src: url(“Sansation_Light.ttf”),
     url(“Sansation_Light.eot”);
}

@font-face规则告诉浏览器:要加载由src:url指定的字体文件。浏览器会尝试加载每一个src文件,直到找到能支持的一个文件。一旦加载,会为这个字体分配font-family属性指定的名字。

在css中使用web字体:

ex.

p{
	font-family:Sansation_Light,sans-serif;
}

font-family实际上是一组字体优先列表,第一个是最希望用的,后面的均为替代,而最后一个通常指定最全面通用的“sans-serif”或“serif”。此处以防万一,指定了sans-serif作为退路。

另:常见web字体格式
TrueType (.ttf)

EOT – Embedded Open Type (.eot)

OpenType (.otf)

WOFF – Web Open Font Format (.woff)

SVG (Scalable Vector Graphics) Fonts (.svg)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值