Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

JQuery Mobile / Phonegap on android - all text shows in caps

I am building a phonegap (2.3.0) + jQuery Mobile (1.2) App.

All works reasonably well, but I am not able to get any text to show in mixed upper/lower case letters-

Example:

<p>This is my stuff:</p>

shows up: THIS IS MY STUFF:

I tried adding style="font-variant: normal"

<p style="font-variant:normal">This is my stuff:</p> 

but I still get THIS IS MY STUFF:

I tried to change the stylesheet on top (all css load before):

<style>
        body  * {
                font-variant: normal !important;
            }
</style>

still everything is upper case.

I verified that the font I use is a mixed upper/lower case font and not an all Caps-Font.

Any ideas?

like image 948
user1938509 Avatar asked Jan 15 '13 19:01

user1938509


1 Answers

Try text-transform property:

text-transform: none;
like image 97
dfsq Avatar answered Oct 14 '22 18:10

dfsq