0

我正在尝试使用以下自定义字体：https ://www.google.com/fonts/#QuickUsePlace:quickUse/Family:Underdog

我发现当我在 Eclipse 中使用 Nexus One 模拟器时字体显示正确，但在我的三星 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 上运行？

谢谢你的帮助！

4

1 回答 1

0

一个好的开始是进行一些远程调试。

看一下这个：

如何在android上进行远程调试

从那里，您可以使用控制台查看代码中发生的情况。您甚至可能会发现您的 S2 向控制台抛出错误。

于 2013-10-30T15:16:09.080 回答