Question

Firstly I plan to CSS to style pages (with fluid layouts) which are targetted towards mobile browsers.

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

What values should I put in the font property ? (Forgive me, but I am a CSS newbie, is font referred to as a property of the body element ?) It is obvious that mobile devices will not have a common fontface, so should I just leave it empty?

Answer 1

Mobile devices should have most of the basic font faces that browsers have available. They’re still rendered on a screen, so its important to use a non serif font (Verdana, Arial are good choices). Usually, you put in the CSS a multiple of font faces in an “order of preference”