Question

我正在尝试使用来自https://www.google.com/fonts/#QuickUsePlace:quickUse/Family:Underdog

的自定义字体

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

感谢您的帮助！

Answer 1

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

检查出来：

How to do remote debugging on android

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

HTML / CSS - 使用自定义字体

1 个答案: