Css, Font-size, WP twenty Twelve theme Text letter (i) lowercase becomes uppercase with google fonts

Question

How does the php echo or print effects the letter lowercase to become uppercase? or is it a css issue?

for example:

echo "Against";
// Outputs AgaInst for me

in the css there is one parent class that says: text-transform:uppercase; but the specific title overwrites that css with text-transform:capitalize; if i just write it in plain html it works fine but when i echo it with php it does turn i to I!?

Please note the AgaInst and TIed in table headers.

Found the solution as @Mathias Pointed out the font size. Problem was the font size, it happens for for sizes smaller than font-size:12px;

Answer 1

It seems to be the rendering of the font in that small size.

Try increasing the font size or use a different font. When I try Open Sans in 10px or smaller in Chrome on OSX I get the same effect. Different OS and different browsers might render the text differently.

Answer 2

PHP has absolutely no effect what so ever, on the capitalisation of a string, unless passed through a string modification function.

The code <?php echo 'Against'; will simply output the word Against . The display of this word is entirely up to the HTML, CSS, the viewing browser and even the viewing OS and machine.