代码之家 › 专栏 › 技术社区 › Jacques René Mesrine

通过手机的CSS设计XHTML页面时要使用哪些字体?

mobile-website mobile xhtml css

1

Jacques René Mesrine · 技术社区 · 16 年前

首先,我计划使用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元素的属性?)很明显,移动设备不会有一个共同的字体,所以我应该让它空着吗?

4 回复 | 直到 14 年前

1

-1

Gabriel McAdams 16 年前

移动设备应该具有浏览器提供的大多数基本字体。它们仍然在屏幕上呈现,因此使用非衬线字体(Verdana、Arial是不错的选择)很重要。通常,在CSS中,按“优先顺序”放置多个字体面

2

nickelleon 15 年前

移动设备覆盖数千台设备。有些设备只提供专有字体(如BlackBerry),有些设备提供有限的字体支持。指定字体的唯一安全方法是使用通用字体系列,并让设备选择最佳匹配。

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

3

0

Anthony 16 年前

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

4

0

laura 14 年前

苹果使用Helvetica,所以如果你想要苹果外观,你可以在字体系列数组中声明。然而,并不是所有的移动设备都有helvetica,所以您肯定希望在数组的末尾声明至少sans-serif。下面是一个字符串,使用的是主要手持平台的默认无衬线字体:

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

当然,如果你只是声明无衬线字体,我猜你还是会得到默认值。(我希望能够直接在所有平台上进行测试。仿真器只能让你这么做。)