Heim > Artikel > Web-Frontend > 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页面):
效果: