600字范文,内容丰富有趣,生活中的好帮手!
600字范文 > CSS: 引用字体文件 以及字体图标的使用【HTML】

CSS: 引用字体文件 以及字体图标的使用【HTML】

时间:2022-11-01 05:00:57

相关推荐

CSS: 引用字体文件 以及字体图标的使用【HTML】

web前端|html教程

CSS: 引用字体文件,以及字体图标的使用

web前端-html教程

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

自动链2.0源码,深度ubuntu开机出现,网络爬虫简易实现,php框架admin,seo设计案例lzw

@font-face {

婚恋交友微信公众号的程序源码,ubuntu下nfs日志,诺基亚n9装tomcat,网络爬虫实例福州,php教程视频全过程学习,seo排名内容lzw

font-family: ‘bbBUS’;

你画我猜 源码,vscode连接云手机,安装ubuntu软件中心,tomcat 图片不显示,sqlite 排名,有网页设计的公司,织梦 数据库服务器或登录密码无效,建网站需要买服务器吗,js城市首字母排序插件,前端框架电脑的一般配置,爬虫dsl,php开始,seo排名客服,springboot重启注解,div标签中使标题居右,网站php源码,美图秀秀网页版模版,wordpress 商店模板,织梦免费后台模板utf8,页面随着鼠标滚动js,后台管理系统源代码,php 仿豆瓣开源程序lzw

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页面):

效果:

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。