web字体图标的使用

方法:

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

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

   就是@font-face的url地址要注意,他的作用就是找到导入的font文件夹

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

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

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

文件的路径:

web字体图标的使用_第1张图片

 

html格式文件:




	
	Document
	
    


	
	
	
	

效果:

web字体图标的使用_第2张图片

你可能感兴趣的:(CSS,前端开发也蛮有意思的)