I can not get the font to be good in PhoneGap, I have already tried to use%, px, in and nothing solves it.
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: link
I do not use the phonegap and I do not know it deeply. But the problem of readability of fonts on mobile phones and other mobile devices most often is the lack of the meta tag:
<meta name="HandheldFriendly" content="true" />
This tag makes text fit and stay in 'real-size' on mobile devices.
In your case it seems that the problem is because of the viewport, not the source itself.
Adding this meta tag should resolve:
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />