Desktop Browser vs Mobile Browser Font

Desktop Browser vs Mobile Browser Font

  
Hi,

We are currently developing a responsive website for a client and have observed that the font from the Desktop Browser vs the Mobile Browser changed from Century Gothic to Times New Roman in the Mobile Browser.

The following css code was used:

html,
body,
a,
select,
fieldset,
input,
button,
select,
textarea,
optgroup,
option {
    font-family:        "Century Gothic";
}
We are using the Lisbon Theme.
Hi Geraldine,

Fonts must be installed locally on the computer/tablet/phone the web page is displayed, otherwise they are not available to the browser, and the browser will default to another font. That's why it is important to specify more than one font, with e.g. a 'sans-serif' or the like as last in the list. The only exception is when you specify, in the CSS file, an import for web fonts, e.g.:
@import url(http://fonts.googleapis.com/css?family=Lato:100,400,700);
Century Gothic is popular because of its including with Microsoft Office (up till recently), but you won't often find it on mobile devices (or Apple computers).
That's the great answer...!