Sass 只有一些图标没有显示,只是有时候
我们最近成功地升级到了字体可怕的5,或者我们想的那样 我们遇到的奇怪问题是,一些FA5图标不显示,但只是偶尔出现。也就是说,在某些页面上图标在那里,但在其他页面上它不在那里 在本地和测试服务器上,一切正常。就在我们的生产服务器上,我们看到了这一点 我们使用mixin以相同的方式设置所有图标:Sass 只有一些图标没有显示,只是有时候,sass,font-awesome,compass-sass,font-awesome-5,Sass,Font Awesome,Compass Sass,Font Awesome 5,我们最近成功地升级到了字体可怕的5,或者我们想的那样 我们遇到的奇怪问题是,一些FA5图标不显示,但只是偶尔出现。也就是说,在某些页面上图标在那里,但在其他页面上它不在那里 在本地和测试服务器上,一切正常。就在我们的生产服务器上,我们看到了这一点 我们使用mixin以相同的方式设置所有图标: @mixin icon( $name ) { $font-icon: map-get($font-icons, $name); @if $font-icon { font-family
@mixin icon(
$name
) {
$font-icon: map-get($font-icons, $name);
@if $font-icon {
font-family: 'Font Awesome 5 Free';
content: fa-unicode($font-icon);
font-weight: fa-weight($font-icon);
} else {
// use an image, deleted to keep it short
}
其中,$font图标
在名称和字体的元组以及字体重量
之间映射:
$font-icons: (
filter: ($fa-var-filter, 900),
// etc etc
$fa var filter
在Font-awome的\u variables.scss
中定义为$fa var filter:\f0b0代码>
为完整起见,以下是两个辅助函数:
@function fa-unicode($font) {
@return unquote("\"#{ nth($font, 1) }\"");
}
@function fa-weight($font) {
@return nth($font, 2)
}
在思考这个机制如何在同一页上产生如此不同的结果时,我倾向于打破compass或sass的编译。但是真的没有一点模糊。所谓的本地版本和生产版本在编译方面有什么区别?生产是缩小版吗?您使用的是哪种编译器?你是在本地编译然后部署到服务器还是在服务器端编译文件?我在Chrome上也有同样的问题…我有一个字体awesome 5层,当文件被附加时,它会显示一个文件图标,然后是一个重叠的回形针图标。html在显示和不显示的html上看起来完全相同,但我无法理解为什么会发生这种情况