1.如何使用Font Awesome字体图标

Font Awesome 是一套专门为 Twitter Boostrap 设计的图标字体库。这标字体集几乎囊括了网页中可能用到的所有图标，除了包含 Twitter Boostrap 的默认图标外，还有社交收集图标、Web 应用法度图标和编辑器图标等等，可以免费用于贸易项目。

下面仅记录应用步调：

1.到官网高低载最新版本的Font Awesome.

2.解压文件，将此中的css和fonts文件夹拷贝到项目中，此中css文件夹中有两个css文件（font-awesome.css和font-awesome.min.css）,fonts下有有5个，如下：

3.在须要应用的html或者其它类型的页面中引入样式文件，如下：

4.查看font-awesome.css文件，若是引用的是紧缩版的，就要查看那个文件了，打开文件看到第一个样式定义如下：

@font-face {

font-family: ""FontAwesome"";

src: url(""../fonts/fontawesome-webfont.eot?v=4.1.0"");

src: url(""../fonts/fontawesome-webfont.eot?#iefix&v=4.1.0"") format(""embedded-opentype""), url(""../fonts/fontawesome-webfont.woff?v=4.1.0"") format(""woff""), url(""../fonts/fontawesome-webfont.ttf?v=4.1.0"") format(""truetype""), url(""../fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular"") format(""svg"");

font-weight: normal;

font-style: normal;

}

必然重视此中的src:url（)中的路径是不是当前与当前项目标实际路径向匹配。

4.最后在页面中参加响应的html元素，并且遵守font awesome定义好的样式为须要添加矢量图标的元素指定样式。：

2.如何在HTML中使用图标字体

使用icon font来生成图标相对于基于图片的图标来说，有如下的好处：

1.自由的变化大小

2.自由的修改颜色

3.添加阴影效果

4.IE6也可以支持

5.支持图片图标的其它属性，例如，透明度和旋转等等

6.可以添加text-stroke和background-clip:text等属性，只要浏览器支持

如何使用文字修饰代码如下：

<h3>

<span aria-hidden="true" data-icon="⇝"></span>

Stats

</h3>

[data-icon]:before {

font-family: icons;

content: attr(data-icon);

speak: none;

}

单独图标：

<a href="#" class="icon-alone">

<span aria-hidden="true" data-icon="▨"></span>

<span class="screen-reader-text">RSS</span>

</a>

.icon-alone {

display: inline-block;

}

.screen-reader-text {

position: absolute;

top: -9999px;

left: -9999px;

}

3.如何在HTML中使用图标字体

一般来说，有3种方法：

1、把字符直接写在HTML文件里；

这个方法是简单比较直观，见如下代码，用一个元素去包含一个字符“！”（或！），然后给这个添加一个类。这个字母在选定的字体中被映射到一个特定的图标。

为了显示效果，还需要编写样式类.Icon来决定此字符以哪种字体来显示，如下：

.icon {font-family: ' your-incofont -name ';}

2、使用css来生成内容；

它不直接在HTML文件里添加字符，而是用CSS来生成字符内容。代码如下

可以看出，添加了一个类名“praise”。神奇的事就发生在CSS中，跟上面一样，第一步先定义好字体，然后使用：before伪元素来产生字符图标，其中“before”表示字符出现在左边，“after”则出现在右边。

.icon {font-family:' your-incofont-name' ;}.praise:before {content: "f00a"; }

3、用data-icon属性

还有一种跟上面相似方法是使用HTML5的“data-”属性。如：创建一个data-icon属性。

aria-hidden=”true”是为了防止被阅读器直接把字符读取出来，不是对所有的平台都奏效。

结合一些搭配使用的CSS属性，可以写成如下代码

[data-icon]:before {font-family: ' your-incofont-name'; content: attr(data-icon);speak:none;}

参考地址：

4.中国税务图标上使用的是什么字体

中国税务图标上使用的字体是行楷。

行楷比楷书行笔自由，又比行草规正的行书字体，是汉字在楷书基础上简约书写笔画、增强书写映带。正因其随意和灵动的特点，行楷字体的学习难度，不亚于楷书等字体。由楷而行，应有其内在的规律可循，不能简单的理解为是楷书笔画的疾书。

行楷的特点：表现书写意趣以适当加快书写速度的，少量改变书写笔顺，且具较强易识、易学特征。

扩展资料

中国税务图标的含义

领花和肩徽是一样的，颜色是黄色和白色，税收就像“真金白银”。模式的中心是“税”这个词，它与外圈一起形成“中间”一词。整个模式将中国税收简化为“中税”。小麦和渔具的标志来自经济发展，表明中国的经济发展是以农业和工业为基础的。

这种模式是圆形的，这意味着税收来自人民并由人民使用。图案的形状为双手形状。这意味着税收工作需要各界人士的支持；图案的两侧类似于夹子和夹子。

参考资料来源：

百度百科-行楷

百度百科-国家税务总局

5.桌面图标下面的字体是怎么弄的阿

就是把文件名换了个字体而已

用鼠标右键点击桌面的空白位置

在弹出的菜单中，单击“属性”命令，出现“显示属性”对话框，再选择“外观”选项卡

(3)打开“字体（F）”下面的下拉列表框，选择你想换成的字体就行了。

上面拉下了 用鼠标右键点击桌面的空白位置 在弹出的菜单中，单击“属性”命令，出现“显示属性”对话框，再选择“外观”选项卡 （1）打开“项目（I）”下面的下拉列表框，选择“图标”项目。 （2）打开“字体（F）”下面的下拉列表框，选择你想换成的字体就行了。 （另外还可以设字的大小和图标的大小）