Javascript 选择框中的Google API字体
我喜欢在我的工作中应用相同的功能 HTML 剧本Javascript 选择框中的Google API字体,javascript,html,css,google-font-api,Javascript,Html,Css,Google Font Api,我喜欢在我的工作中应用相同的功能 HTML 剧本 $("#styleFont").change(function () { var id =$('#styleFont option' + ':selected').text(); $("#custom_text").css('font-family',id); }); 我试图通过使用在选择框中添加GoogleAPI字体 如何将其添加到我的小提琴中Google Fonts API调用返回JSON,因
$("#styleFont").change(function () {
var id =$('#styleFont option' + ':selected').text();
$("#custom_text").css('font-family',id);
});
我试图通过使用在选择框中添加GoogleAPI字体
如何将其添加到我的小提琴中Google Fonts API调用返回JSON,因此您需要JavaScript迭代JSON结果并用它填充SELECT。此外,当用户选择其中一种字体时,您需要使用用户选择的项目动态包含来自Google的正确脚本。Google Fonts API调用返回JSON,因此需要JavaScript迭代JSON结果并用它填充SELECT。此外,当用户选择其中一种字体时,您需要使用用户选择的项目动态包含来自Google的正确脚本。使用JSONP请求并将每个返回的字体添加到select:
function SetFonts(fonts) {
for (var i = 0; i < fonts.items.length; i++) {
$('#styleFont')
.append($("<option></option>")
.attr("value", fonts.items[i].family)
.text(fonts.items[i].family));
}
}
var script = document.createElement('script');
script.src = 'https://www.googleapis.com/webfonts/v1/webfonts?key=API_KEY&callback=SetFonts';
document.body.appendChild(script);
使用JSONP请求并将每个返回的字体添加到select:
function SetFonts(fonts) {
for (var i = 0; i < fonts.items.length; i++) {
$('#styleFont')
.append($("<option></option>")
.attr("value", fonts.items[i].family)
.text(fonts.items[i].family));
}
}
var script = document.createElement('script');
script.src = 'https://www.googleapis.com/webfonts/v1/webfonts?key=API_KEY&callback=SetFonts';
document.body.appendChild(script);
我有我的API密钥,它是。我如何将它链接到我的选择框我有我的API密钥,它是。如何将其链接到我的选择框查看此答案:查看此答案:
function SetFonts(fonts) {
for (var i = 0; i < fonts.items.length; i++) {
$('#styleFont')
.append($("<option></option>")
.attr("value", fonts.items[i].family)
.text(fonts.items[i].family));
}
}
var script = document.createElement('script');
script.src = 'https://www.googleapis.com/webfonts/v1/webfonts?key=API_KEY&callback=SetFonts';
document.body.appendChild(script);