图标字体如何运用(如何引入字体图标)

图标字体如何运用,如何引入字体图标

内容导航：

如何在HTML中使用图标字体

关于字体和图片有这两个神器就够了

在平面设计中，字体是如何运用的，比如在什么情况下用什么字体。

如何灵活利用免费开源图标字体

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

首先,需要有这么个”图标主体”库 ，其次把这个”图标字体”库,引入html页面是图标字体库对应的css引入html ，最后使用”图标字体”库
具体操作。1.使用百度搜索“()字体”，然后点击进入该官网，是英文的官网；2.该网站会根据网速的不同，加载起来有点慢，请耐心等待，打开的网站首页，可以显示很多不同的图标；3.网友朋友可以根据自己不同的需要，然后选择想要的图标，选定的图标会出现选定属性，如果不需要，再点击一下，就可以取消选择，都选择好之后，点击右上角的下载按钮就可以了；4.下载字体图标之后，是个压缩包，这时可以直接解压即可，得到字体图标的文件夹；5.打开该文件夹，可以看到里面的css样式文件、字体文件、html文件以及说明文本文档；6.点击“”文件，测试一下，自己想要的字体图标文件是否下载完整，这是打开之后，可以看到我们之前选择的几个字体图标；7.打开Dreamweaver软件，用该软件打开“”文件，就可以看到字体图标的代码是如何调用的了；

二、关于字体和图片有这两个神器就够了

最高省 259 元，还有多重福利

即将降临，敬请期待

作者：利兄

来源：利兄日志（ID：lixiongppt）

无论是做 PPT 还是做设计，最难的一个是找图，还有一个是就是找字体。

不过不要怕，今天我就给大家介绍两款神器，直接解决职场人做 PPT 的两大痛点！

01

字体神器

◆ ◆ ◆

很多设计师的电脑都存着上百款字体，但在选用的时候，还是会觉得不够用，找不到合适的。

之前经常有人问我，去哪里可以下载到免费的字体？其实「字由」这款软件就可以下载到超过 2000 款的字体。

废话不多说，一起来围观下这款神器↓

? 去官网下载软件，安装之后就可以使用。
软件很小，3M 都不到。

软件很小，为什么可以存储那么多字体呢？因为它大部分都是通过云存储，不占内存。

? 软件下载好之后所有的字体都无需安装，只需激活就可以一键使用！

在做 PPT 的时候，我们打开「字由」筛选字体，点击右侧的对勾图标，字体会立刻呈现。

相比之前用字体时先下载再安装，这个功能真的是太爽了。

? 这个神器的筛选功能做得非常好，非常方便对字体进行管理。

大类共 8 个选项，从最常见的字体类型、风格、用途到字重、品牌、语言、字符集应有尽有，所以我们在找字体的时候，就非常方便了。

比如我们要用书法字体，就可以直接点击筛选里面的书法字体：

或者我们要用一些比较纤细的正文字体，也可以找到：

找字体的问题解决了

，接下来在给大家推荐一个找图的神器。

02

找图神器

◆ ◆ ◆

我相信大家收藏了特别多的图片网站，比如 Pexel、500PX、Pixabay 等，但是在用的时候，需要一个个去找，不是很方便。

如果有一个网站或者搜索引擎，可以一次性搜索这么多图库的图片就好了。

没想到，就有这样一个神器！

Stock Photo Search 这个免费的书签列工具，可用来搜索超过 30 个免费图库网站！

我们不需要安装，只要打开书签列，将 Stock Photo Search 按钮拖曳进去即可，点选后开启搜索功能。

我们点击该书签，就会打开一个新的搜索页面，有两种搜索方式，我们既可以输入关键词，也可以以图搜图。

预设情况下只会找最基本的三家：Pixabay、Pexels 和 Unsplash。
比如我们输入关键词「Dream」，就会同时跳出三个图片网站的搜索结果。

一般情况下，有这三个图片网站已经差不多了，但是我不满足，我想更多，那么如何才能搜索全部图库的图片呢？

点选下方的「Select Stock Photo Sites」选择要搜索的免费图库网站，目前可搜索的图库数量大约是 36 个，可以点选「Select
All」快速选取全部。

是不是非常非常酷，以后找图片，真的用这一个工具就够了。

这个神器在百度上很难找，不过我已经给大家准备好了，公众号对话框发送关键词【图片搜索】，就可以获得了！

想要更快更好地完成工作型 PPT，除了这两款神器搞定字体和图片素材，还有一门课送出3000+页模板源文件，更包含字体、图标、配色、图片超丰富资源。

老秦带你解决工作场景中各种 PPT 疑难杂症

全面提升你的职场竞争力！

▲扫码直达《工作型 PPT 应该这样做》

第一时间收获灵感和干货

别说小叶没提醒你们★星标置顶

想找老秦，点开「阅读原文」（&打开手电）哟！

三、在平面设计中，字体是如何运用的，比如在什么情况下用什么字体。

答：一个是根据客户要求，一个是根据内容来调整的，比如说，整张图片是比较活跃的，你用正楷就不太合适了。比如说一张照片lomo风格的，你肯定用花纹字体这样看起来才有效果。

四、如何灵活利用免费开源图标字体

可以用这些图标字体创建自己的输入法，也可以在网页上直接生成字体，或者集成到自己的软件里供输出使用，总之源代码都给你了，用起来还是很方便的。css代码：@font-
face {font-family:’IcoMoon’;src: url(”); ie hacksrc: url(‘?#iefix’)
format(’embedded-opentype’),url(‘#IcoMoon’) format(‘svg’),url(”)
format(‘woff’),url(”) format(‘truetype’);font-weight: normal;font-style:
normal;}.p {font-family:’IcoMoon’}html代码：

图形化字体编码

nmo`!”#$%&'() 67?—]

