字体真棒不工作的服务器

时间:2014-08-13 07:16:35

标签: html5 css3 icons localhost font-awesome

使用本地级别的图标在网站上设置了令人敬畏的字体样式图标集,但是我看一下,但服务器没有出现在。

enter image description here

2 个答案:

答案 0 :(得分:7)

您是否在文档和样式表中声明了UTF-8?

<meta charset="UTF-8">

<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">

并在样式表中(注意,必须是第一行,第一列):

@charset "utf-8";

Font只需一行代码即可进入您的网站。你甚至不必下载或安装任何东西!

将以下代码粘贴到您网站的HTML部分。

<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">

很可能找不到实际的字体文件。如果您查看字体真棒CSS文件,您可能会看到如下内容:

 @font-face {
      font-family: 'FontAwesome';
      src: url('../font/fontawesome-webfont.eot');
    }

答案 1 :(得分:0)

将此添加到您的web.config:

<system.webServer>
<staticContent>
  <remove fileExtension=".svg" />
  <remove fileExtension=".eot" />
  <remove fileExtension=".woff" />
  <remove fileExtension=".woff2" />
  <mimeMap fileExtension=".svg" mimeType="image/svg+xml" />
  <mimeMap fileExtension=".eot" mimeType="application/vnd.ms-fontobject" />
  <mimeMap fileExtension=".woff" mimeType="application/font-woff" />
  <mimeMap fileExtension=".woff2" mimeType="application/font-woff2" />
</staticContent>
system.webServer>
相关问题