font-awesome 呈现为问号

font-awesome rendered as question mark

我在我的 asp.net 站点中使用超棒的字体(sass 版本 - Link)。

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

我检查了很多次字体路径和 css class 但似乎都是正确的

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

使用 firebug 检查页面,我看到 fontawesome-webfont.woff 已正确加载

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

我有

Style
- fonts
  - font-awesome
- Sass
  - External
    - font-awesome
      - 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 文件夹包含 _font-awesome.scss 导入所有 .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,它工作正常,但我不能使用它,因为我们的用户只能在本地网络中浏览,不能使用互联网资源

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

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

感谢@cimmanon link 我在其中阅读了有关字符编码的内容