Question

当Apple将操作系统升级到iOS 13时，旧金山字体无法正确加载，但只能在Chrome中使用，在Safari中可以使用。

我使用@ font-face和local（“。SFNSText-Light”）。

它甚至都没有放置HelveticaNeue，我认为它与点有关，但是在Safari中它可以工作。

谢谢。

@mixin fontFace($fontFamily, $src, $weight: null, $style: null, $fontDisplay: fallback, $stretch: null) {
    @font-face {
        font-display: $fontDisplay;
        font-family: $fontFamily;
        font-stretch: $stretch;
        font-style: $style;
        font-weight: $weight;
        src: $src;
    }
}


$srcSecondaryFont: $secondaryFont, local(".SFNSText-Light"), local('Roboto-Light'), local('Segoe UI Light'), local('HelveticaNeue-Light'), local('sans-serif-light'), local('system-ui'), local('sans-serif');


@include fontFace('SecondaryFont', $srcSecondaryFont);

我希望字体是San Francisco，但它向我显示Times

Answer 1

我无法获得以前可以在13中使用的任何直接名称，但是如果可以接受，则-apple-system seems to still work（我相信这是某种形式的SF）。

如何在Chrome的iOS 13中修复旧金山字体？

1 个答案: