SymbolSet在基于Safari的浏览器上中断

Question

丁目：

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','');

SS标准和ss社交常规都没有正确显示，但蒙特塞拉特确实如此。

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

我的scss文件和html文件

上的字符集是“UTF-8”