Google api WebFontLoader&；Google JSAPI不能一起加载吗？

我不知道为什么，尽管我也遇到了类似的问题

尝试使用webfontloader从fonts.com加载字体，以便在加载后调用函数

<script src="https://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js"></script>
<script>
   WebFont.load({
      monotype: {
        projectId: 'xxxxxxxxxxxxxxxxxxxx'
      },
      active: function() {
         mainNav();
      }
   });

WebFont.load({
单一类型：{
projectId:'XXXXXXXXXXXXXXXXX'
},
活动：函数（）{
mainNav（）；
}
});

但当我将它包含在jsapi中时

<script src="https://www.google.com/jsapi"></script>

我在控制台中遇到以下问题： 未捕获的TypeError:无法调用null的方法“hasAttribute”

但是如果单独加载，它们很好

---

有什么想法吗？

尝试使用以下url加载webfonts api：

<script src="//ajax.googleapis.com/ajax/libs/webfont/1.1.2/webfont.js"></script>

有关更多详细信息，请查看以下帖子：

对于新版本的，我们不再支持部分版本别名 图书馆。任何已存在的部分版本别名将继续 待支持和更新。原因是URL像 这是说“给我最新版本的jquery1.x.x）有 由于最新版本可以随时更改，因此缓存生存期非常短 任何时候。这对性能都不好。这对你的网站也不好 如果库在其API中进行了突破性的更改 导致页面突然呈现不同的版本之间。 库通常不会有意进行这样的更改，但会更改页面 有时取决于API的未指定角案例的行为 可能会在库运行时有意或无意地进行更改 更新

因此，我们强烈建议您指定完整的版本字符串 当引用托管在GoogleAjax API上的库时，您可以 始终在以下位置查找最新版本： .在这种情况下， 最新的1.9.x版本目前是1.9.1，因此我们建议使用 网址 以获得稳定的版本和更好的缓存

（另外，上面的示例没有结束标记。

只想验证您自己的代码中不存在此标记）