logo标签列表

字体神器在服务器上无法使用

htmlcssiconslocalhostfont-awesome
6

你好，我在网站上使用字体图标集，但我在本地查看时出现了，在服务器上查看时却不出现。

图片描述

展示 CSS、HTML。你是使用 fa fa-icon-name 还是只用 fa-icon-name？文档中的第二个是错误的。 - Justinas
当我在本地服务器上工作时，它不起作用。 - Selahattin
那么是你的服务器出现问题还是 Font Awesome 图标？ - Justinas
1
当我在电脑上工作时，但服务器不工作。http://selahattinyuksel.net/site - Selahattin
2个回答
9
你的文档和样式表中都声明了UTF-8吗？
<meta charset="UTF-8">

或者

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

在样式表中（请注意，必须是第一行第一列）：
@charset "utf-8";

或者

只需一行代码即可将 Font Awesome 添加到您的网站中，您甚至不需要下载或安装任何东西！

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

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

很可能实际的字体文件没有被找到。如果你查看font awesome CSS文件，你可能会看到类似这样的内容:

 @font-face {
      font-family: 'FontAwesome';
      src: url('../font/fontawesome-webfont.eot');
    }
1
将以下内容添加到您的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>
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接