jquery - bootstrap 词缀偏移量计算 VS 字体行高

Question

如果我通过 Typekit 使用 Myriad pro 之类的网络字体，行高会终止我对从顶部开始的 bootstrap 词缀偏移量的计算。我正在使用以下代码:

var navOffset = $('#nav').offset();
$('#nav').affix({
    offset: {
        top: navOffset.top
    }
});

似乎脚本使用后备字体的行高来计算偏移量。有什么想法可以防止这种情况发生吗？将行高从 em 更改为 px 没有任何效果。感谢回复。

Answer 1

我通过改变加载方式解决了问题

<script type="text/javascript" src="//use.typekit.net/xxxxxx.js"></script>
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>

到

<script type="text/javascript">
  (function(d) {
    var config = {
      kitId: 'xxxxxxx',
      scriptTimeout: 3000
    },
    h=d.documentElement,t=setTimeout(function(){h.className=h.className.replace(
    /\bwf-loading\b/g,"")+" wf-inactive";},config.scriptTimeout),tk=d.createElement(
    "script"),f=false,s=d.getElementsByTagName("script")[0],a;h.className+=" wf-loading";
    tk.src='//use.typekit.net/'+config.kitId+'.js';tk.async=true;tk.onload=tk.onreadyst
    atechange=function(){a=this.readyState;if(f||a&&a!="complete"&&a!="loaded")return;
    f=true;clearTimeout(t);try{Typekit.load(config)}catch(e){}};s.parentNode.insertBefore(tk,s)
      })(document);
</script>

scriptTimeout 可以解决问题。