CSS:字体图标的使用方法
2019-03-07 13:19
225 查看
1.将fonts文件夹复制到html的同级目录下。
2.声明字体
<style> /*电脑中没有的字体,需要声明,这样别人也可以看见*/
(图片来源:https://www.bilibili.com/video/av15269197/?p=218)
</style>
2.引用字体
<style>
span{ font-family:icomoon; } /*保证和@font-face中的font-family相同*/
div::before{ font-family:icomoon; content:"\e900"; }
</style>
<body>
<span> □ </span>
<div></div>
</body>
相关文章推荐
- css 使用@font-face 嵌入自定义字体或字体图标方法笔记
- css字体图标的使用方法
- css字体图标的使用方法
- CSS网页使用Font Awesome图标字体时,css定义 content 属性
- Android怎么使用字体图标 自定义FontTextView字体图标控件-- 使用方法
- 网页使用Font Awesome图标字体时,css定义 content 属性
- 阿里字体图标使用方法
- 详解使用icomoon生成字体图标的方法并应用
- iconfont字体图标的使用方法
- iconfont字体图标的使用方法--超简单!
- iconfont字体图标的使用方法
- css设置矢量图字体图标的方法(图解)
- 图标字体使用方法
- iocfont 网页图标字体以及使用方法
- 字体图标库使用方法
- 详解使用icomoon生成字体图标的方法并应用
- 阿里字体图标使用方法
- 微信小程序使用字体图标的方法
- 30个免费网页图标字体以及使用方法