Small font - Phonegap

Asked

Viewed 97 times

1

I can’t get the font to look good in Phonegap, I’ve tried %, px, in and nothing solves.

The source code is:

.header-page p {
    text-align: center;
    color: red;
/*    font-size: 22px;*/
    font-size: 100%;
    text-shadow: 0 1px #d5a053;
    line-height: 50px;
}

And the image of how the text looks: http://imgur.com/IhMDMwH

css apache-cordova

2 answers

0


I don’t use the phonegap and I don’t know him deeply. But the problem of readability of sources on mobile and other mobile devices most of the time is the lack of meta tag:

<meta name="HandheldFriendly" content="true" />

This tag makes the text fit and stay 'life-size' on mobile devices.

0

In your case it seems that the problem is because of the viewport, and not the source itself.

Adding this metatag should solve:

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

Browser other questions tagged css apache-cordova

You are not signed in. Login or sign up in order to post.