[jQuery fontavailableライブラリ] 特定のフォント(書体)が入っているかどうか調べる
説明
jQuery fontavailableライブラリで特定のフォント(書体)が入っているかどうか調べるには$.fontAvailable()のパラメータに調べたいフォント名を指定します。戻り値がtrueならフォントが入っている、falseならフォントは入っていないことになります。
サンプルプログラム
【HTML】
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Sample</title>
<link rel="stylesheet" type="text/css" href="css/main.css">
<script type="text/javascript" src="js/jquery-1.3.2.min.js" charset="shift_jis"></script>
<script type="text/javascript" src="js/jquery.fontavailable-1.1.js" charset="shift_jis"></script>
<script type="text/javascript" src="js/sample.js"></script>
</head>
<body>
<h1>jQuery fontAvailableサンプル</h1>
<div id="result"></div>
</body>
</html>
【sample.js】
$(function() {
var txt = "";
if ($.fontAvailable("tahoma")) {
txt += "tahomaフォントはあります<br>";
}else{
txt += "tahomaフォントはありません<br>";
}
if ($.fontAvailable("Osaka")) {
txt += "Osakaフォントはあります<br>";
}else{
txt += "Osakaフォントはありません<br>";
}
if ($.fontAvailable("Asobi")) {
txt += "Asobiフォントはあります<br>";
}else{
txt += "Asobiフォントはありません<br>";
}
$("#result").html(txt);
});