在選擇框谷歌API的字體

https://stackoverflow.com/q/5065542/1716774
我想申請同樣的功能在我Fiddle 在選擇框谷歌API的字體

HTML

<select id="styleFont"> 
      <option value="0">Myraid Pro</option> 
      <option value="1">Sans ref</option> 
      <option value="2">Times New Roman</option> 
      <option value="3"> Arial</option> 
</select> 
<br> 
    <textarea id="custom_text"></textarea>

CSS

#custom_text{ resize: none;}

腳本

 $("#styleFont").change(function() { 
    var id =$('#styleFont option' + ':selected').text();  
    $("#custom_text").css('font-family',id); 
    });

我試圖添加谷歌API的字體在我的選擇框中使用

https://www.googleapis.com/webfonts/v1/webfonts?key=YOUR-API-KEY

如何加入到我的小提琴

來源

2012-11-30 Vivek Dragon

使用JSONP請求，並添加每個返回字體的選擇：

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);

來源

2012-12-07 10:21:34 trebuchet

感謝分享 –

的谷歌字體API調用返回JSON，所以您需要使用JavaScript遍歷JSON結果並使用它填充SELECT。另外，當用戶選擇其中一種字體時，您需要使用用戶選擇的項目動態地包含來自Google的正確腳本。請參閱API文檔Read this part以瞭解有關如何執行此操作的詳細信息。

來源

2012-12-07 05:13:30

我有我的API密鑰這是https://www.googleapis.com/webfonts/v1/webfonts?key=AIzaSyB8Ua6XIfe- gqbkE8P3XL4spd0x8Ft7eWo。我如何鏈接到我的選擇框 –

在選擇框谷歌API的字體

回答

相關問題