Google フォント API ですべてのフォントを含むセレクト ボックスを作成しています。API の詳細については、このhttps://developers.google.com/webfonts/docs/developer_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=AIzaSyB8Ua6XIfe-gqbkE8P3XL4spd0x8Ft7eWoです
これらのフォントをフィドルの選択ボックスにリンクするにはどうすればよいですか?