当前位置: 移动技术网 > IT编程>网页制作>CSS > web字体图标的使用

web字体图标的使用

2018年11月13日  | 移动技术网IT编程  | 我要评论
web字体图标的使用 1.在icomoon字库网站上下载完了字体之后,将压缩包解压 2.将压缩包中的font文件夹,拷贝到所需使用的样式表文件同路径下(下面引用的时候,没有加../到上级目录) 3.

web字体图标的使用

1.在icomoon字库网站上下载完了字体之后,将压缩包解压

2.将压缩包中的font文件夹,拷贝到所需使用的样式表文件同路径下(下面引用的时候,没有加../到上级目录)

3.将压缩包中的css文件内容部分拷贝到自己的样式表中(看)

4通过font-family:"icomoon"引用,打开压缩包的html文件将图标右下角矩形选中,ctrl+c复制在引用时粘贴

5.通过压缩包里面的json格式的文件,可以追加字体文件

文件的路径:

\

html格式文件:

效果:

\

如您对本文有疑问或者有任何想说的,请 点击进行留言回复,万千网友为您解惑!

相关文章:

验证码:
移动技术网