【问题标题】:@font-face + jQuery height() in Chrome (window.load solution not working)Chrome 中的@font-face + jQuery height()(window.load 解决方案不起作用)
【发布时间】:2012-02-14 19:57:05
【问题描述】:

我需要获取元素的高度,其中包含应用了@fontface 的文本。我已经尝试过 $(window).load 解决方案,但它适用于 IE、Firefox,但不适用于 Chrome (19dev)。我还尝试为我的插件初始化函数设置超时(1s、2s 等)......什么都没有......

我知道 Google WebfontLoader,但我更愿意将 webfonts 包含为 css 文件。

有什么解决方法的建议吗?

【问题讨论】:

    标签: jquery google-chrome font-face


    【解决方案1】:

    您可以使用http://api.jquery.com/height/ 获取元素的高度。

    var elementHeight = $(this).height();
    

    什么在 Chrome 中不起作用:@fontface 样式或获取元素高度?尝试切换到 Chrome 的稳定版本,看看是否有帮助。开发版本可能有点古怪。

    【讨论】:

    • 谢谢,但我知道如何使用 jQuery 获取元素的高度。问题是浏览器加载字体太晚了,所以 height() 不能正常工作。正如我所说,使用 $(window).load 代替 $(document).ready 在大多数浏览器中解决了这个问题,但在当前的 Chrome 中却没有。
    • 如果您在任何其他浏览器中均未看到此问题,则可能是该 Chrome 开发版本存在问题。你试过稳定版的 Chrome 吗?
    猜你喜欢
    • 2019-02-04
    • 2014-05-19
    • 2013-03-18
    • 2013-10-16
    • 1970-01-01
    • 2015-08-23
    • 1970-01-01
    • 2016-11-30
    • 2012-08-19
    相关资源
    最近更新 更多