javascript - 如何在 IE、Firefox 和 Chrome 中使用谷歌网页字体

Question

我正在尝试在我的网络应用程序中使用谷歌字体。我加载谷歌字体的电话是：

$.get("https://www.googleapis.com/webfonts/v1/webfonts?key=xxxxxxx", function (result) {                                             
        var data = {};
        console.log(result);
        console.log($.parseJSON(result));
        data.items = $.parseJSON(result).items;
});

上面的调用在我的 3 个目标浏览器中给出了以下结果：

火狐

console.log(result);               ========> JSON string
console.log($.parseJSON(result));  ========> Successfully parsed the json string
data.items = $.parseJSON(result).items; ===> contains all google fonts

即(9)

$.get callback is not executing.

铬合金

console.log(result);               ========> Object
console.log($.parseJSON(result));  ========> null

谁能告诉我在上述所有 3 个浏览器上使用谷歌字体的通用方法？

Answer 1

我发现了一个适用于 Firefox、IE 和 chrome 的通用调用：

$.ajax({
    url: "https://www.googleapis.com/webfonts/v1/webfonts?key=xxxxx",
    type: 'GET',
    dataType: 'JSONP',
    success: function (data) {   
      // data.items contains all google font-families name
    }
});

愿这对其他人有所帮助！