Quais fontes usam ao projetar páginas XHTML via CSS para telefones celulares?

Question

Em primeiro lugar, pretendo CSS para estilizar páginas (com layouts de fluido) que são direcionados para navegadores móveis.

    <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>

Que valores devo colocar na propriedade Font? (Perdoe -me, mas eu sou um novato no CSS, a fonte é chamada de propriedade do elemento corporal?) É óbvio que os dispositivos móveis não terão uma fontface comum, então devo deixá -lo vazio?

Answer 1

Os dispositivos móveis devem ter a maioria dos rostos básicos de fonte que os navegadores têm disponível. Eles ainda são renderizados em uma tela, por isso é importante usar uma fonte não serif (Verdana, Arial são boas opções). Geralmente, você coloca no CSS um múltiplo de faces de fonte em uma "ordem de preferência"

Answer 2

Os dispositivos móveis cobrem milhares de dispositivos. Alguns dispositivos vêm com apenas fontes proprietárias (como o BlackBerry), e alguns dispositivos vêm com suporte limitado para fontes. A única maneira segura de especificar fontes é usar as famílias de fontes genéricas e deixar o dispositivo escolher a melhor correspondência.

http://www.w3.org/tr/css2/fonts.html#generic-font-families

Answer 3

Apenas certifique-se de especificar uma família de fontes padrão (como Sans-Serif ou Monospace), para que a página se degradasse bem, mesmo que todas as fontes especifiquem não estejam disponíveis.

Answer 4

A Apple usa o Helvetica; portanto, se você quiser a aparência da Apple, poderá declarar isso na sua matriz de fontes. No entanto, nem todos os dispositivos móveis terão Helvetica, então você definitivamente deseja declarar pelo menos sem serrif no final da matriz. Aqui está uma string usando o que em um ponto foram as fontes sem serrifes padrão para as principais plataformas de mão:

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

Obviamente, se você apenas declarar sans-sef, acho que você os receberá como padrão de qualquer maneira. (Eu adoraria poder testar diretamente em todas as plataformas. Os emuladores o levam apenas até agora.)