字体图标库（图标字体大小）

大家好！今天让创意岭的小编来大家介绍下关于字体图标库的问题，以下是小编对此问题的归纳整理，让我们一起来看看吧。

创意岭作为行业内优秀的企业，服务客户遍布全球各地，相关业务请拨打电话：175-8598-2043，或添加微信：1454722008

本文目录:

• 1、怎么找出电脑里面的字体库

• 2、电脑已经安装了fontawesome4.4.0图标字体元件库，原型中怎样使用

• 3、word 字体下拉选择框中这三种不同的字体图标分别代表这是什么字体呢？有什么区别？

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

一、怎么找出电脑里面的字体库

找出电脑里面的字体库的步骤：

1、双击我的电脑图标，打开我的电脑文件夹。

2、点击菜单栏中的文件夹，在左侧点击控制面板前的加号选项。

3、点击字体文件夹，即可看到电脑里的所有字体，这里就是存放所有字体的字体库。

二、电脑已经安装了fontawesome4.4.0图标字体元件库，原型中怎样使用

fontawesome4.4.0图标字体元件库为什么放到axure8.0画布上显示异常

你只需要到： 下载压缩包然后解压到你的项目中。

在你的HTML头部的head里面添加对相应的font-awesome的样式。

<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">

根据这里的案例开始你的项目。

三、word 字体下拉选择框中这三种不同的字体图标分别代表这是什么字体呢？有什么区别？

T 或O表示字体类型

具体解释：

T是 TTF(TrueTypeFont)是一种字库名称。TTF(TrueTypeFont)是Apple公司和Microsoft公司共同推出的字体文件格式,随着windows的流行,已经变成最常用的一种字体文件表示方式,

O是OpenType字体(.OTF) OpenType，是一种可缩放字型（scalable font）电脑字体类型，采用PostScript格式，是美国微软公司与Adobe公司联合开发，用来替代TrueType字型的新字型。这类字体的文件扩展名为.otf，类型代码是OTTO，现行标准为OpenType 1.4。

OpenType最初发表于1996年，并在2000年之后出现大量字体。它源于微软公司的 TrueType Open字型，TrueType Open字型又源于TrueType字型。OpenType font包括了Adobe CID-Keyed font技术。Adobe公司已经在2002年末将其字体库全部改用OpenType格式。到2005年大概有一万多种OpenType字体，Adobe 产品占了三分之一。

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

什么是字体图标

字体图标顾名思义就是可以像字体一样使用的图标，你可以像定义字体一样定义它，用font-size给他大小，用color给他颜色，用font-style给他样式。他就像一个字体，只不过他的样子是图标而已。

就像这样的图标，他们并不是用图片，而是就如同一个字体。

字体图标的好处

前端有一个代称就是切图，切下来一张张图，用<img>或者用background来把图片呈现出来。而图片一个最大的弊端。占宽带大，网速不好时加载慢。一旦放大可能容易失真。没法随意的更改颜色。

而字体图标你可以随便放大缩小，只需要改变字体大小，而且永远不会失真。你需要在点击后换一个颜色，无需用js那么麻烦。只需要换一下color。是不是很方便？

如何得到字体图标

这里推荐两个字体图库，第一个是iconfont，这个是我认为最好的。你现在网站上挑选自己要的图标，然后加入购物车，最后一起存为项目。保存到本地。这样一套自己需要的字体图标就搞定了。

第二 个是font-awesome，这一阵套字体库。bootstrap用的就是这一套字体库。缺点是使用无法定制。不如iconfont方便。

你也可以自己制作字体图标，用AI画出后转为SVG格式。这里不多赘述字体图标的制作，因为现成的意见够我们用了。

如何使用字体图标

通过iconfont和fontawesome得到的字体图标，会一个文件夹内包含很多文件。如下图

你不用管太多，直接引入这些文件中的iconfont.css文件就好。当然你也可以不引入css文件，用自己写的css文件，你只需要在自己的css文件中@font-face引入字体图标文件。像这样。

然后就可以开始使用了，这里演示做一个火焰的图标。

使用非常简单，如果你是引入了iconfont.css文件。你只需要给要加入图标的地方加上类名就好。

在iconfont.css文件中，我们看到我们要引入的火焰图标的类名为icon-huo(这个名字是自动生成的）.

接着我们做一个span标签，并给他加入iconfont和icon-huo类名。

效果就出来了

如果你要改变他的大小和，颜色。特别简单

直接改变字体大小和颜色。这里为了演示方便直接写在了html里，规范应该在加入一个类，写在css里。

而且一点都没失真有没有，这样可以完美适应，并且以后做点击后变色效果，再也不用换背景图片了。

当然你也可以不用iconfont.css文件提供的类名，你可以自己定义类，但是定义类后要这样写

注意一定要

1一定要加上font-family:“iconfont”(从iconfont上下载图标字体都叫这个，fontAwesome上下载的叫fontAwesome；

2，:before或者:after插入一个元素，设置content为图标对应的十六进制码。每个图标对应的十六进制码，可以在iconfont.css文件中看到。

以上就是关于字体图标库相关问题的回答。希望能帮到你，如有更多相关问题，您也可以联系我们的客服进行咨询，客服也会为您讲解更多精彩的知识和内容。

推荐阅读：

最好看的手机字体排行榜（最好看的手机字体排行榜图片）

一些封面的字体是怎样做出来的（一些封面的字体是怎样做出来的视频）

字体设计网站免费（字体设计网站免费版）

杭州室内设计公司前十名(杭州室内设计公司前十名排名)

品牌营销前中后期活动策划