css3入门

Web-Font与@font-face属性

字号+ 作者: 来源: 2014-11-16 21:49 我要评论( )

在CSS3中,新增了Web Fonts功能,使用这个功能,网页中可以显示服务器端的字体。只要某个字体在服务器端已经安装,网页中就可以正常显示。

在网页中显示服务器端字体

在CSS3中,可以使用@font-face属性来调用服务器端字体。@font-face属性的使用方法如下:

@font-face {
    font-family:WebFont;
    src:url('font/Fontin_Sans_R_45b.otf') format("opentype");
}

在上面的代码中,font-family属性值中使用“WebFont”声明使用服务器端字体。

在src属性中,指定服务器端字体文件的路径,在format属性中声明字体文件格式,可以省略文件格式的声明单独使用src属性值。

转对元素使用服务器端字体的时候,需要在元素样式中将font-family属性值指定为WebFont。

目前,可以使用的文件格式为OpenType文件格式和TrueType文件格式,使用OpenType格式是将format属性值设置为opentype,使用TrueType文件格式时,将format属性值设置为truetype。

定义斜体或粗体的时候,需要根据情况使用不同的服务器端字体文件。

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • divcss入门视频教程-DIVCSS布局第6课-CSS滤镜的应用

    divcss入门视频教程-DIVCSS布局第6课-CSS滤镜的应用

    2015-09-30 11:41

  • divcss入门视频教程-DIVCSS布局第5课-用CSS制作漂亮的菜单

    divcss入门视频教程-DIVCSS布局第5课-用CSS制作漂亮的菜单

    2015-09-30 11:40

  • divcss入门教程-DIVCSS布局第4课-设置页面和浏览器的元素

    divcss入门教程-DIVCSS布局第4课-设置页面和浏览器的元素

    2015-09-30 11:40

  • divcss入门教程-DIVCSS布局第3课-设置表格与表单的样式

    divcss入门教程-DIVCSS布局第3课-设置表格与表单的样式

    2015-09-30 11:38

网友点评