Sass 只有一些图标没有显示,只是有时候

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

我们最近成功地升级到了字体可怕的5,或者我们想的那样

我们遇到的奇怪问题是,一些FA5图标不显示,但只是偶尔出现。也就是说,在某些页面上图标在那里,但在其他页面上它不在那里

在本地和测试服务器上,一切正常。就在我们的生产服务器上,我们看到了这一点

我们使用mixin以相同的方式设置所有图标:

@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上看起来完全相同,但我无法理解为什么会发生这种情况