Css 基于Safari的浏览器上的符号集中断

乔姆：

狩猎：

我的指南针.scss代码

@include icon-font('SSStandard', inline-font-files('ssstandard/ss-standard.woff', woff, 'ssstandard/ss-standard.ttf', truetype,'ssstandard/ss-standard.svg', svg),'ssstandard/ss-standard.eot');
// Custom code goes here..
@include icon-font('SSSocialRegular', inline-font-files('ssstandard-social/ss-social-regular.woff',woff, 'ssstandard-social/ss-social-regular.ttf', truetype,'ssstandard-social/ss-social-regular.svg', svg),'ssstandard/ss-social-regular.eot');
// Examples of using the icon mixin:
// @include icon('user');
@include font-face("Montserrat", inline-font-files("montserrat/Montserrat-Regular.ttf",truetype, "montserrat/Montserrat-Regular.woff", woff));

@mixin ss-icon($name, $symbol,$font:"SSStandard") {
  .x-tab .x-button-icon.#{$name}:before,.x-button .x-button-icon.#{$name}:before{
    position:absolute;
    top:1px;
    right:0;
    bottom:0;
    left:0;
    text-align:center;
    text-rendering: optimizeLegibility;
    font-family:$font;
  }
  .#{$name}:before{
    font-family:$font;
    font-size: 120%;
    text-rendering: optimizeLegibility;
  }
}

@include ss-icon('ss-write', '✎');
@include ss-icon('ss-writingdisabled', '');
@include ss-icon('ss-navigate-right', '▻');
@include ss-icon('ss-navigate-left', '◅');
@include ss-icon('ss-facebook','','SSSocialRegular');
@include ss-icon('ss-twitter','','SSSocialRegular');
@include ss-icon('ss-mail','✉','SSSocialRegular');
@include ss-icon('ss-info','ℹ');
@include ss-icon('ss-home','⌂');
@include ss-icon('ss-settings','⚙');
@include ss-icon('ss-sync','');

党卫军标准队和党卫军社会常规队都没有正确地显示出来，但蒙特塞拉特确实如此

主页符号在safari上显示为“Γîé”，如果我用正确的符号替换检查器上的内容，它将正确显示

---

在我的scss文件和html文件中，字符集都是“UTF-8”

请发布生成的cssIt是一个包含多个数据URL的巨大文件，但我会建议在content属性中使用特殊字符，建议使用unicode值：

content:“\f000”

谢谢cimmanon。我通过艰苦的方式学会了这一点。将其切换到MAC和指南针功能正常。我想我会买一台mac电脑，用ruby相关的程序来减少麻烦。