您的位置:首页 > Web前端 > CSS

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>

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: