IIS7.5安装配置Font Awesome图标字体的方法

前一篇介绍IIS6.0安装配置FontAwesome图标字体运行环境，本文将介绍在IIS7.5服务器里怎样安装配置Font Awesome图标字体。

1、在桌面右键点击“我的电脑”，点击“管理”。

2、展开“服务和应用程序”节点，点击“Internet信息服务(IIS)管理器”，再选中要设置的网站。

打开IIS 选中网站

2、双击“MIME类型”。

双击“MIME类型”

3、点击“添加”，然后文件扩展名输入 .woff2 ，MIME类型输入 application/x-font-woff ，点击“确定”。

添加woff2的MIME类型

4、至此配置完毕，无需重启IIS，立即生效。

配置完后，我们就可以把Font Awesome字体库文件下载到自己服务器里直接引用了，如下例所示：

html代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-CN" lang="zh-CN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta http-equiv="Content-Language" content="zh-CN" />
<meta http-equiv="Cache-Control" content="no-transform " />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=yes" />
<title>FontAwesome实例_文字超链接右边加一个箭头_卡卡网 webkaka.com</title>
<style type="text/css">
@font-face {
font-family:'FontAwesome';
src:url("fontawesome-webfont.woff2") format("woff2"); /* 注意文件路径 */
font-weight:normal;
font-style:normal
}
.entry-content{
width:600px;
margin:30px 30px 30px 30px;
font-family:"Microsoft Yahei",Georgia,"Times New Roman",Times,serif;
font-size:14px;
color:#333;
line-height:185%;
}
.entry-content a {
padding-right:3px;
margin-left:3px;
margin-right:3px;
text-decoration: none;
color: #c30;
font-size:14px;
}
.entry-content a:hover {
color: blue;
}
.offsite:hover:after {
color:#666666
}
.offsite:after {
font-family:FontAwesome;
font-weight:normal;
font-style:normal;
margin:0px 0px 0px 3px;
text-decoration:none;
color:#c7c8c9;
content:"\f08e"
}
</style>
</head>
<body>
<div class="entry-content">
<font style="font-size:16px;font-weight:bold">超链接样式二</font><br>
html里使用<a href=#><span class=offsite>select控件</span></a>，非常容易就能实现下拉菜单的效果。但是由于<a href=#><span class=offsite>select控件</span></a>只能更改长度，不能更改高度和颜色等样式，因此在网页设计中有时候显得与整体布局搭配不太美观。
</div>
</body>
</html>