学习HTML、CSS心得<<使用font css>>打造个性图标

原创于 2017-02-03 22:02:25 发布 · 310 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html #css #font-icon #图标

学习HTML心得专栏收录该内容

0 篇文章

订阅专栏

本文介绍如何通过IconMoon网站选择并生成个性化图标。详细步骤包括：选取图标、获取CSS和HTML代码，并将其应用于个人项目中。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

学习HTML、CSS心得<<使用font css>>打造个性图标

首先向大家推荐一个网站就是[iconmoon](https://icomoon.io/),这是国外的一个网站，访问起来可能有点慢，但是并不需要翻墙，我们先打开这个网站!

然后选择右上角的IconMoon App跳转到这里这里是免费的点击（可多选）你所需要的图标，然后点击选好点击进入到选好的界面图标界面]右下角有个Download点击下载，一个压缩包，解压出来，将lias.css跟style.css放到你自己的CSS目录，作为外部样式导入，再讲解压的font字体文件夹的字体安装好，可能需要重启电脑,然后再打开到iconmoon选好图标的界面![Get Code 里面，将鼠标放在图标上，会出现一个<>Get Code连接，点击出现这样, get 先把CSS下面的源代码拷贝到你刚才解压到自己样式目录下的style.css里面，再将刚才页面的HTML里的代码，复制到你需要放图标的位置中间不需要放内容,再从新将你的html代码用浏览器打开，就有刚才的图标了。
如果有不明白的地方，欢迎随时发邮件给我1061479678@qq.com，我会立马答复。