【问题标题】:Firefox 40.0.3 (Windows) not working with font-familyFirefox 40.0.3 (Windows) 不适用于字体系列
【发布时间】:2015-12-21 07:45:25
【问题描述】:

我有以下 CSS 指令:

body {
    font-family: system, -apple-system, ".SFNSDisplay-Regular", "Helvetica Neue", "Helvetica", "Calibri", sans-serif !important;
}

在 Firefox 40.0.3 for Windows 中,显示的字体是 Arial 的别名(锯齿状)版本:

在 Mac OS X 的 Firefox 40.0.3 中,文本正确呈现:

如果我删除 CSS 的 Apple 系统字体部分,那么 Windows 版本的 Firefox 会更好地工作,并使用 Windows 可用的可正确呈现的字体(Calibri 或任何可用于 Firefox 的抗锯齿无衬线字体) ):

body {
    font-family: "Helvetica Neue", "Helvetica", "Calibri", sans-serif !important;
}

除了使用特定于平台或用户代理的 CSS 文件之外,有没有办法修改 CSS,以便 Windows 下的 Firefox 忽略它不喜欢的 font-family 指令部分?

【问题讨论】:

    标签: html css firefox fonts


    【解决方案1】:

    修正了以下指令:

    body {
        font-family: ".SFNSDisplay-Regular", -apple-system, "Helvetica Neue", "Helvetica", "Calibri", sans-serif !important;
    }
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2018-06-09
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2021-11-30
      • 2021-09-03
      • 2016-09-12
      • 2021-07-24
      相关资源
      最近更新 更多