【问题标题】:Font Face not working completely in Safari字体在 Safari 中无法完全正常工作
【发布时间】:2018-02-26 12:36:22
【问题描述】:

我正在使用 Font Face 属性,并且我已经在 Firefox、Chrome 和 Opera 中对其进行了测试……它工作正常。 但是,当我在 safari 和 explorer 中尝试它时,它只适用于一条线路而不适用于另一条线路

这是css:

 @font-face { 
     font-family: font2;
     src:url(../fonts/Artbrush.TTF) ;
 } 

@font-face { 
    font-family: font1;
    src :url(../fonts/playbiln.TTF) ;
}

【问题讨论】:

    标签: css internet-explorer safari


    【解决方案1】:

    将我在 css 文件中的 @fontface 声明中的 font-style: italic; 更改为(即使使用的是斜体、倾斜字体)font-style: normal;... 在斜体字体上请注意...

    Safari 现在可以正常显示它们,并且似乎不会因为这种不匹配的解决方法而破坏其他浏览器。

    【讨论】:

    • 这为我解决了这个问题——typekit 正在为使用 font-style:italic 的字体生成 CSS @font-face 规则,但它在 Safari 中破坏了它——更改为 font-style:normal 修复了它(特别是字体为 Eloquent JF Pro)
    • 是的,如前所述,如果您已经加载了斜体字体,那么 css 样式规则应该是正常的
    • 非常感谢。为这个问题挠头
    • 我非常感谢您发布此答案!我不明白为什么 Safari 拒绝下载我为我的 Angular 项目添加的递归字体。
    【解决方案2】:

    我以前遇到过这个问题。发生的事情是 ttf 字体通常在 mac / safari 上效果不佳

    Safari and IE can't read TTF and EOT fonts

    【讨论】:

    • 虽然此链接可能会回答问题,但最好在此处包含答案的基本部分并提供链接以供参考。如果链接页面发生更改,仅链接的答案可能会失效
    • 非常感谢...这帮助了很多...it safari 读取 Woff 字体的接缝
    猜你喜欢
    • 2017-10-27
    • 1970-01-01
    • 2013-10-09
    • 1970-01-01
    • 2015-07-11
    • 2021-10-14
    • 1970-01-01
    • 2016-03-04
    • 1970-01-01
    相关资源
    最近更新 更多