Question

首先，我计划使用CSS来设置针对移动浏览器的页面样式（具有流畅的布局）。

    <style type="text/css"> 
    body {
        background-color: #000;
        color: #fff;
        font: normal 95%/130% "Trebuchet MS", Verdana, Arial, sans-serif;
        margin: 0;
        padding: 20px 0;
    }
    </style>

我应该在font属性中添加什么值？（原谅我，但我是一个CSS新手，字体被称为body元素的属性？）很明显，移动设备不会有一个共同的字体，所以我应该把它留空吗？

Answer 1

移动设备覆盖数千台设备。有些设备只附带专有字体（如BlackBerry），有些设备的字体支持有限。指定字体的唯一安全方法是使用通用字体系列，让设备选择最佳匹配。

http://www.w3.org/TR/CSS2/fonts.html#generic-font-families

Answer 2

只需确保指定默认字体系列（如sans-serif或monospace），即使您指定的所有字体都不可用，页面也会很好地降级。

Answer 3

Apple使用Helvetica，因此如果您想要Apple外观，可以在font-family数组中声明。但是，并非所有移动设备都有Helvetica，因此您肯定希望在阵列末尾至少声明sans-serif。这是一个字符串，它使用的是主要手持平台的默认sans-serif字体：

body {
    font-family: Helvetica, "Droid Sans", Prelude, BBMillbank, "Microsoft Tahoma", sans-serif;
}

当然，如果你只是声明sans-serif，我猜你无论如何都会把它们作为默认值。（我希望能够直接在所有平台上进行测试。仿真器只能让你到目前为止。）

Answer 4

移动设备应具有浏览器可用的大多数基本字体。它们仍然在屏幕上呈现，因此使用非衬线字体很重要（Verdana，Arial是很好的选择）。通常，您在“优先顺序”

中为CSS添加多个字体面

通过CSS为手机设计xhtml页面时使用哪些字体？

4 个答案: