https://www.google.com/fonts/#QuickUsePlace:quickUse/Family:Underdogのカスタム フォントを使用しようとしています。
Eclipse で Nexus One Emulator を使用するとフォントが正しく表示されますが、Samsung Galaxy S2 では機能しません...
私のコードは次のとおりです。
CSS:
@font-face
{
font-family: 'Underdog', cursive;
}
#categories
{
font-family: 'Underdog';
}
#subCategories
{
font-family: 'Underdog';
}
body
{
background-color:#272714;
}
HTML:
ドロップダウン ボックスは、JQuery を使用して動的に作成されます。「loadingDiv」が表示され、AJAX 呼び出しが完了すると非表示になります。
<!DOCTYPE html>
<head>
<title>Coupon Finder</title>
<link rel="stylesheet" href="css/main.css" type="text/css" media="all"/>
<link href='http://fonts.googleapis.com/css?family=Underdog' rel='stylesheet' type='text/css'>
<script type="text/javascript" src="js/jquery-1.10.2.js"></script>
<script type="text/javascript" src="js/storecategories.js"></script>
<script>
function categorySubmit(){
var selectedCategory = document.getElementById("category");
var selectedText = $('#category option:selected').text();
//Get Sub-Categories
getSubCategories(selectedText);
}
</script>
</head>
<body >
<div id='categories'>
<h3>Coupon Categories</h3>
<div id='loadingDiv'>
Please wait... <img src="http://i.stack.imgur.com/FhHRx.gif" />
</div>
</div>
<!--Add Category Search Button-->
<button class = "buttons" onclick="categorySubmit()">Search!</button>
<div id='subCategories'>
<div id='loadingDiv1'>
Please wait... <img src="http://i.stack.imgur.com/FhHRx.gif" />
</div>
</div>
</body>
エミュレーターの出力のスクリーンショットを次に示します (暗い背景で申し訳ありません...変更する必要があります)。
私のGalaxy S2で動作しない理由はありますか?
ご協力いただきありがとうございます!