1

首先，我计划使用 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>

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

4

4 回答 4

2

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

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

于 2010-01-22T19:02:25.227 回答
0

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

于 2010-01-21T04:44:09.487 回答
0

Apple 使用 Helvetica，所以如果你想要 Apple 的外观，你可以在你的 font-family 数组中声明它。然而，并不是所有的移动设备都会有 Helvetica，所以你肯定要在数组末尾至少声明 sans-serif。这是一个使用主要手持平台的默认无衬线字体的字符串：

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

当然，如果你只是声明 sans-serif 我猜你会得到这些作为默认值。（我希望能够直接在所有平台上进行测试。模拟器只能让你到目前为止。）

于 2011-03-26T20:46:11.440 回答
-1

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

于 2010-01-21T04:35:13.493 回答