Question

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?

Answer 1

Try text-transform property:

text-transform: none;