CSS: 引用字体文件,以及字体图标的使用_html/css_WEB-ITnose

1. css文件(fonts.css)中引用字体文件:

@font-face {

font-family: 'bbBUS';

src: url('texticon.eot'); /*IE9*/

src: url('texticon.eot?#iefix') format('embedded-opentype'),

url('texticon.woff') format('woff'),

url('texticon.ttf') format('truetype');

}

tip:字体文件放在当前文件统计目录下,这样有更好的移植性(经测试,字体文件是要绝对路径引用,而css文件不用。亲测如此)

2. 字体图标的定义:

根据做字体图标时的对照图来定义:

   

3.字体图标的使用(HTML页面):

效果:

郑重声明:本文版权包含图片归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们(delete@yzlfxy.com)修改或删除,多谢。

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。

留言与评论(共有 0 条评论)
昵称:
匿名发表
   
验证码: