Hi Thomas,

I think your syntax is wrong.
Look here.. That works.
http://www.krpano.com/plugins/textfield/#css

And also maybe do onloaded="if(device.mobile, set(css, blablablab));



Hope it helps
Tuur

Is thst with the code you wrote in your previous post?

Tuur

Fools seldom differ Great minds think alike.

I have quite the same problem but using this style:



Leading and text-indent work fine in flash and don't at all in html5. Tested in FF 26, safari+ios 7.0.4.

So when they don't work, leave them out.
Thomas, i would first try with the right syntax.
Tuur

Hi,

the problem here is that the Flashplayer doesn't support real HTML/CSS and the same CSS code that is working in Flashplayer will not automatically work also in real HTML5 browsers.

E.g. there is no 'leading' in real CSS code, but an alternative can be 'line-height' (with font-size+leading as value), and all sizes in real CSS code need to have units like px work correctly.

So it would be possible to mix the CSS style - the Flashplayer will only take the ones he knows and the real Browsers will only take the correct ones that they know.

In your case - try changing this:
css="text-align:left; color:#FFFFFF; font-family:Arial; font-size:16px; leading:8; text-indent:14;"

to this code:
css="text-align:left; color:#FFFFFF; font-family:Arial; font-size:16px; leading:8; text-indent:14px; line-height:24px;"

Best regards,
Klaus

Zitat von »tksharpless«

Klaus, it seems that Flash textfield and the built-in html5 one behave differently in several respects.

I know and therefore I'm already considering several approaches as replacement for the textfield plugin. But instead of implementing a full html parser and render (would be much too huge) or trying to emulate or hack around some limitations and bugs of the one or other system, I'm more considering an independent text system with clear rules and without html/css support - this way it should be possible to avoid Flash/HTML5 differences. But as said I'm still considering here several approaches, when something new will be ready here, it will be in the news of course .

Regarding your example itself - Flash doesn't support <span>+style - there <font size='16'> need to be used instead.

e.g. try it this way to get the same fontsize in Flash and HTML5:


Best regards,
Klaus

Zitat von »klaus.krpano«

E.g. there is no 'leading' in real CSS code, but an alternative can be 'line-height' (with font-size+leading as value), and all sizes in real CSS code need to have units like px work correctly.

So it would be possible to mix the CSS style - the Flashplayer will only take the ones he knows and the real Browsers will only take the correct ones that they know.

...

Best regards,
Klaus

Thank you for explanation!