失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > icomoon字体图标的引入

icomoon字体图标的引入

时间:2020-01-14 05:20:00

相关推荐

icomoon字体图标的引入

1.在网站(http://icomoon.io)中下载字体

进入官网点击进入后即可选择字体(直接点击选择),加载得稍微有点慢,耐心等待。若没有想要的,可直接下拉到网页最后 点击在library中直接点击ADD即可添加字体库,在其中选择选择完毕后,点击右下角,再点击download下载

2.将字体声明写入样式中

下载的文件中,有这些文件将其中的fonts文件夹移动到要使用页面的根目录中在style.css中复制字体声明到页面样式中。【注:写项目时一定要注意路径(url括号中),路径错了会显示不出来】

3.打开在事先下载文件中的demo.html,复制字体后面的小方格到想要使用字体的标签中(html页)。

4.标签的样式中一定要记得写入

font-family:'icomoon';

这样基本就可以了,一定要注意路径啊!!!

如果觉得《icomoon字体图标的引入》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。
相关阅读
JS制作字体图(文字图)

JS制作字体图(文字图)

2020-02-20

icomoon

icomoon

2023-04-30

icomoon图标的使用

icomoon图标的使用

2023-11-11

icomoon字体使用

icomoon字体使用

2019-07-19