字体真棒呈现为问号答案

【问题标题】：font-awesome rendered as question mark字体真棒呈现为问号
【发布时间】：2015-08-21 20:10:26
【问题描述】：

我在我的 asp.net 站点中使用 font-awesome（sass 版本 - Link）。

我的问题是所有字体都呈现为?

我检查了很多次字体路径和 css 类，但看起来都正确

这是我的 html：<i class="fa fa-magic"></i>

用萤火虫检查页面我看到fontawesome-webfont.woff 正确加载

文件夹结构很复杂，因为我使用bundleTransformer 来渲染所有 sass 文件

我有

Style
- fonts
  - font-awesome
- Sass
  - External
    - font-awesome
      - font-awesome

底层font-awesome 文件夹包含所有字体很棒的.scss 文件

这是_variables.scss中的路径：

$fa-font-path: if($fa-sass-asset-helper, "font-awesome/", "fonts/font-awesome/") !default;

上层font-awesome 文件夹包含导入所有.scss 的_font-awesome.scss

外部文件夹包含__external.scss 使用此代码：@import "font-awesome/font-awesome";

在sass 文件夹中我有我的application.scss 文件：

@import "Base/placeholders";
@import "Base/mixins";
@import "Pages/__pages";
@import "Modules/__modules";
@import "External/__external";

最终样式用这个边界渲染：

var commonStylesBundle = new CustomStyleBundle("~/Style/tema");
        commonStylesBundle.Include("~/Style/Sass/application.scss");
        commonStylesBundle.Orderer = nullOrderer;
        commonStylesBundle.Transforms.Add(new CssMinify());
        bundles.Add(commonStylesBundle);

并以这种方式添加到masterpage`head:

<%# Styles.Render("~/Style/tema") %>

页面在此路径中查找文件：

/Style/fonts/font-awesome/fontawesome-webfont.woff

找到它

我尝试了 MaxCDN 的 BootstrapCDN，它工作正常，但我不能使用它，因为我们的用户只能在本地网络中浏览，不能使用互联网资源

【问题讨论】：

您的服务器设置是否具有正确的 mime 类型？
我在本地使用 Visual Studio 也有问题，我也将 <mimeMap fileExtension=".woff" mimeType="font/x-woff" /> 添加到 web.config 但没有成功
为什么不使用绝对路径到字体真棒网站来调试
可能重复：stackoverflow.com/questions/25488037/…
firefox 40 和 ie8，带有字体真棒网站的绝对路径 (maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/…"> ) 一切正常

标签： css asp.net sass font-awesome

【解决方案1】：

深入研究解决方案，我发现其他开发人员对 AjaxControlToolkit MaskedEdit 所做的编辑改变了标准编码。

将其设置回 UTF-8 解决了这个问题。

感谢@cimmanon 提供的链接，我在其中阅读了有关字符编码的信息

【讨论】：