CSS:字体图标的使用方法

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>

猜你喜欢

转载自blog.csdn.net/tiandaochouqin_1/article/details/88297569