什么是字体图标(电脑上的图标显示字体)

什么是字体图标,电脑上的图标显示字体

内容导航：

如何在HTML中使用图标字体

图标字体是什么

电脑屏幕显示字体图标都不正常！

除网页字体以外电脑图标字体变黑变粗怎么办

一、如何在HTML中使用图标字体

什么是字体图标字体图标顾名思义就是可以像字体一样使用的图标，你可以像定义字体一样定义它，用font-size给他大小，用color给他颜色，用font-
style给他样式。他就像一个字体，只不过他的样子是图标而已。就像这样的图标，他们并不是用图片，而是就如同一个字体。字体图标的好处前端有一个代称就是切图，切下来一张张图，用或者用background来把图片呈现出来。而图片一个最大的弊端。占宽带大，网速不好时加载慢。一旦放大可能容易失真。没法随意的更改颜色。而字体图标你可以随便放大缩小，只需要改变字体大小，而且永远不会失真。你需要在点击后换一个颜色，无需用js那么麻烦。只需要换一下color。是不是很方便？如何得到字体图标这里推荐两个字体图库，第一个是iconfont，这个是我认为最好的。你现在网站上挑选自己要的图标，然后加入购物车，最后一起存为项目。保存到本地。这样一套自己需要的字体图标就搞定了。第二
个是font-
awesome，这一阵套字体库。bootstrap用的就是这一套字体库。缺点是使用无法定制。不如iconfont方便。你也可以自己制作字体图标，用AI画出后转为SVG格式。这里不多赘述字体图标的制作，因为现成的意见够我们用了。如何使用字体图标通过iconfont和fontawesome得到的字体图标，会一个文件夹内包含很多文件。如下图你不用管太多，直接引入这些文件中的文件就好。当然你也可以不引入css文件，用自己写的css文件，你只需要在自己的css文件中@font-
face引入字体图标文件。像这样。然后就可以开始使用了，这里演示做一个火焰的图标。使用非常简单，如果你是引入了文件。你只需要给要加入图标的地方加上类名就好。在文件中，我们看到我们要引入的火焰图标的类名为icon-
huo(这个名字是自动生成的）.接着我们做一个span标签，并给他加入iconfont和icon-
huo类名。效果就出来了如果你要改变他的大小和，颜色。特别简单直接改变字体大小和颜色。这里为了演示方便直接写在了html里，规范应该在加入一个类，写在css里。而且一点都没失真有没有，这样可以完美适应，并且以后做点击后变色效果，再也不用换背景图片了。当然你也可以不用文件提供的类名，你可以自己定义类，但是定义类后要这样写注意一定要1一定要加上font-
family:“iconfont”(从iconfont上下载图标字体都叫这个，fontAwesome上下载的叫fontAwesome；2，:before或者:after插入一个元素，设置content为图标对应的十六进制码。每个图标对应的十六进制码，可以在文件中看到。

二、图标字体是什么

大公司的品牌作为LOGG应用的字体通常是自己重新设计过的（在原有基础上有修改）提供最接近的字体（方正粗倩提体）只能是接近估计是设计的，就是某个设计师用ai或者ps设计出来的，并没有做成字体，不过有网上有免费的logo矢量素材下载，优优素材网个人推荐。

三、电脑屏幕显示字体图标都不正常！

你的电脑显卡驱动不正确，或是没装驱动。

也可能是你禁用了显卡驱动的启动项。

也可这样试一下：

右键桌面，属性，外观，字体大小，

看看是不是正常。

查看驱动：

右键我的电脑，属性，硬件，设备管理器。

看有没有黄色的叹号，如果有，则说明驱动没有安装。

或者展开显示卡，右键你的显卡，属性，驱动程序，看看有没有经过数字签名，如果没有，就点“更新驱动程序”，并把你的驱动盘插入光驱。一路装下去。

若没有驱动光盘，就上驱动之家网站搜合适的驱动。

四、除网页字体以外电脑图标字体变黑变粗怎么办

答：我的电脑－－鼠标右键－－属性－－高级－－性能－－设置勾出“在桌面为为图表标签使用阴影”