当前位置: 移动技术网 > IT编程>网页制作>CSS > CSS中的@font-face是什么?有什么作用?

CSS中的@font-face是什么?有什么作用?

2018年04月03日  | 移动技术网IT编程  | 我要评论

加盟网站,图片网站,妖夜寻狼之魔间叛徒

@font-face

多年以来,人们一直被迫使用一组单调乏味的Web安全字体。当网页中需要使用一些优雅的字体时,设计师最常用的办法,就是把文字做成图片。但是,由于图片难以修改,也不利于网站SEO,因此不可能大范围使用该字体。

值得庆幸的是,CSS3的 @font-face 为设计师打开了一个全新的世界,它提供了一种自定义网页字体的方法,使设计师可以大胆使用任意自己想要的字体。

事实上,@font-face规则在CSS2中就已经存在,但随后在CSS2.1中被删除。真的,不骗你,早在1998年,IE4就对它提供了部分支持。现在,它又回来了,已经被重新引入到CSS3的字体模块中!

@font-face是一个CSS功能,它允许网页中使用自定义的网络字体,这些自定义的字体被放置在服务器上,从而摆脱对访问者计算机上字体环境的依赖。

简单的说,有了@font-face,只需将字体上传到服务器端,无论访问者计算机上是否安装该字体,网页都能够正确的显示。

@font-face 能够让加载服务器端的字体,并让浏览器找到对应的字体,得益于一套成熟的语法规则:

@font-face {

font-family: ;

src: [][, []]*;

font-style:

如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复

相关文章:

验证码:
移动技术网