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页面)：
效果：
HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
379
收藏
