javascript - 在下载自定义字体之前不要运行 Javascript 函数？

Question

有没有办法在下载自定义 css 字体资源之前不运行 Javascript 函数。

我在

 中显示代码并使用自定义下载的字体 Liberation Mono。 
 也使用自定义滚动条。自定义滚动条 Javascript (flexcroll) 在设置时需要设置静态宽度。但是在下载 Liberation Mono 字体之前我无法知道宽度。
加载字体的 CSS 如下(完整的笑脸语法):
 
@font-face {
  font-family: 'LiberationMonoRegular';
  src: url('liberationmono-regular.eot');
  src: local('☺'),
    url('liberationmono-regular.woff') format('woff'),
    url('liberationmono-regular.ttf') format('truetype'),
    url('liberationmono-regular.svg#webfontkIKtf5pm') format('svg');
  font-weight: normal;
  font-style: normal;
}
我想做的 Javascript 函数如下所示。我在黑暗中拍摄，真的不认为这是可能的..
 
$(function() {
    waitForFontExists('LiberationMonoRegular', function() {
        <do something>
    });
});
			            

Answer 1

谷歌 WebFont Loader项目允许您使用各种网络字体提供程序，并公开回调，包括 fontloading 和 fontactive。这可能会有所帮助，具体取决于您对字体源的灵 active 。我没有使用过它，但文档状态:

In addition to the google and typekit options, there is also a custom module that can load a stylesheet from any web-font provider.

除此之外，还有很多hackier things to try -- 就像检查目标字体中示例渲染的宽度。