【问题标题】:Font-style/font-weight for fallback-fonts only?仅用于后备字体的字体样式/字体粗细?
【发布时间】:2013-05-16 17:53:39
【问题描述】:

我从 myfonts.com 购买了一些字体。由于一个错误,它们在 IE10 中不起作用。我要使用一些备用字体。

对于 webfonts,大多数人使用 font-weight 和 font-styles 的默认值并导入不同的字体。这是一个问题,因为我想使用后备默认字体。我想做这样的事情:

font-family: AvenirLT-BookOblique, Helvetica, Arial;

但是将 helvtica 和 arial 设置为字体样式:斜体。默认字体已经是斜体。 我可以为 IE10 制作一个自定义的 css 文件,但是,这有点麻烦。还有其他选择吗? IE10 是唯一需要支持的浏览器。

【问题讨论】:

  • 使用浏览器功能检测是针对 IE10 的可靠方法。
  • 如果字体不能在 IE 10 上运行,请考虑向字体供应商提交错误报告,而不是在浏览器嗅探方面造成新问题。
  • 已经完成了,但是,网站上线了,与此同时我需要一个解决方案:)

标签: css webfonts


【解决方案1】:

Demo

您可以在 IE10 中使用 jQuery(only) 或用于 IE

if ($.browser.msie && $.browser.version == 10) {
  $('element').addClass('ie10');
}

.ie10{
    //some css here
}

或针对所有版本的 IE

<!--[if IE]>
    <link rel="stylesheet" type="text/css" href="ie.css" />
<![endif]-->

注意: $.browser.msie 在 jQuery 1.9.1 中已弃用

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2014-07-02
    • 2015-11-14
    • 2017-01-20
    • 2014-04-04
    • 1970-01-01
    • 2021-08-06
    • 2017-04-30
    • 2014-10-04
    相关资源
    最近更新 更多