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 我在其中阅读了有关字符编码的内容
我在我的 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 我在其中阅读了有关字符编码的内容