宝塔服务器面板，一键全能部署及管理，送你10850元礼包，点我领取

如何使用字体牛逼字体图标

Font Awesome是专门为Twitter Boostrap设计的一套图标字体库。这个字体集涵盖了几乎所有可能在网页中使用的图标。除了Twitter Boostrap的默认图标，还有社交收藏图标、web应用合法图标、编辑器图标等。，可免费用于贸易项目。

下面只记录了应用速度:

1.去官网下载字体牛逼的最新版本。

2.解压缩文件，并将css和fonts文件夹复制到项目中。css文件夹中有两个css文件(font-awesome.css和font-awesome.min.css ),字体下有五个文件，如下所示:

3.将样式文件引入要应用的html或其他类型的页面，如下所示:

4.检查font-awesome.css文件。如果它指的是压缩版本，您应该检查该文件。当您打开该文件时，可以看到第一种样式定义如下:

@font-face {

字体系列:& quot”FontAwesome & quot”；

src:URL(& quot；”../fonts/fontawesome-webfont.eot？v=4.1.0&quot”);

src:URL(& quot；”../fonts/fontawesome-webfont.eot？# ie fix & v = 4 . 1 . 0 & quot；”)格式(& quot”嵌入式-opentype & quot；”)，网址(& quot”../fonts/font awesome-web font . woff？v=4.1.0&quot”)格式(& quot”woff & quot”)，网址(& quot”../fonts/fontawesome-webfont.ttf？v=4.1.0&quot”)格式(& quot”truetype & quot”)，网址(& quot”../fonts/fontawesome-webfont.svg？v = 4 . 1 . 0 # font awesome regular & quot；”)格式(& quot”svg & quot”);

字体粗细:正常；

字体样式:正常；

}

注意src:url()中的路径是否与当前项目目标的实际路径方向相匹配。

4.最后，参与页面中响应的html元素，遵循font awesome定义的样式，为需要添加矢量图标的元素指定样式。：

主页

图书馆

应用程序

设置

另外，字体牛逼和BootStrap接触可以达到更好的效果。

窗体应用和网页应用区别

①窗体应用。打开一个窗体，选择电脑窗体应用(.NET Framework)，再点击下一步；设置好项目名称、位置，点击创建就可以了。这样一个窗体应用就创建好了。

②网页应用。

8大网页应用：Stack Exchange；Font Awesome；Unicode Table；Music for Programming；JSON模式验证器；Regex 101；GitHub。