如何在HTML中使用图标字体

①首先，需要有这么个"图标主体"库

②其次，把这个"图标字体"库,引入html页面(是图标字体库对应的css引入html)

③最后，使用"图标字体"库

具体 *** 作：

制作"图标字体"：

①这里以http://www.iconfont.cn为例子，来制作:

首先，打开网址后，页面右侧有登录按钮，先进行登录 *** 作(后面会说明外面为什么选择登录，也可以不登录。但我还是建议登录。)

②制作图标，这个制作的图标是要svg格式的可以找自己公司的设计师去设计，也可以在里面的图标库搜索自己需要的图标的名称，比如"首页，分类"等。

③ 点击自己选择的首页和分类，它会在这个位置出现：

④然后点击下载到本地，就自动下载一个叫"iconfont.zip"的压缩包。这个就是图标字体库。解压这个压缩包可以发现有这些文件：

1部分是指图标内容，可以忽略，但不能删除

2部分是指图标css，不能删除

3部分是使用图标的示例dome，可以删除(建议保留)

⑤使用图标：

打开dome.html,在浏览器中可以看到，相关的下载的图标，以及如何使用。这里可以我提一下，使用图标有2中方式，1是以内容的形式使用，2是以css 的形式使用：

一、kind的形容词用法：

1、kind的基本意思是“亲切的,和蔼的,友好的,仁慈的,慈爱的”,指人的心地善良,使人感受到一种亲和力,让人看上去慈善,也可指行为上让人感觉到友好。

2、kind后可接人,也可接心地等具体的或抽象的名词。在句中作定语或表语。kind用作表语时,其后可接动词不定式,该动词不定式说明主语在哪方面kind,主语和kind及动词不定式均存在逻辑上的主谓关系。

3、kind还常用于带有形式主语结构的句子中,以动词不定式充当真正主语,动词不定式的逻辑主体由介词of引出。

二、kind的名词用法：

1、kind用作名词时的意思是“种类”,指一事物与其他事物相区别的属性也可指事物本身所具有的特殊性,即“本质,性质”,此时多为不可数名词。

2、当kind与of连用作前置定语时,后面的名词通常用单数形式。kinds of后面如为可数名词,单数和复数均可。kind of用于口语中还可作“有些,一点儿”解,在句中用作状语。

3、kind of...用作主语时,其谓语动词用单数形式而kinds of...用作主语时,其谓语动词用复数形式,与of后名词的数无关。

扩展资料

一、kind 读法 英 [kaɪnd]  美 [kaɪnd]

1、n. 种类；性质

2、adj. 和蔼的；宽容的；令人感激的

短语：

1、old kind 老品种

2、same kind 同类,同一种,同样的

3、several kinds 好几种,好几类

4、similar kind 相似的种类

5、various kinds of 各式各样的

二、词义辨析：

friendly, cordial, kind这组词都有“友好的，亲切的”的意思，其区别是：

1、friendly 指举止像朋友一样，往往怀着满腔热情，乐意助人。

2、cordial 较正式用词，指亲切热诚，情意真挚。

3、kind 指考虑周到，体谅他人，乐于助人。

---