字体真棒不工作的服务器

Posted 2023-02-25

【中文标题】字体真棒不工作的服务器

【英文标题】：Font awesome not working server

【发布时间】：2014-10-06 11:06:21

【问题描述】：

你好棒的字体风格图标集在网站上使用了本地级别的图标，但是我看了一下，但是服务器没有出现的时候。

【问题讨论】：

显示 css、html。您使用的是fa fa-icon-name 还是只使用fa-icon-name？来自 docs 的第二个是错误的。

当我在本地服务器上工作时不起作用

是你的服务器不工作还是 Font Awesome 图标？

在我的电脑上工作时，但服务器不工作selahattinyuksel.net/site

【参考方案1】：

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

<meta charset="UTF-8">

或

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

在样式表中（注意，必须是第一行，第一列）：

@charset "utf-8";

或

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

将以下代码粘贴到您网站的 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');
    

【参考方案2】：

将此添加到您的 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>