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. 字体图标的定义:

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

  1.  

登录后复制

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

效果:

 

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
编程技术

HTML基础知识自学教程_html/css_WEB-ITnose

2025-3-29 14:05:24

编程技术

IE11 transition background-size 失效_html/css_WEB-ITnose

2025-3-29 14:05:34

0 条回复 A文章作者 M管理员
欢迎您,新朋友,感谢参与互动!
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
私信列表
搜索