My text gets out of place on iOS-devices

exported as html5, on iOS devices, my text gets out of place - some pixel downwards.

on Android and desktop it's alright.

Does anyone have a tipp for me to solve this? Thanks!

held

This is quite an annoying thing since text is rendered slightly different based on device. A surefire way should be to replace all your text objects with spritefonts.

construct.net/en/make-games/manuals/construct-3/plugin-reference/sprite-font

Hi,

thanks for your tipp!

I was hoping to get around this efficient but little inelegeant solution.

Maybe there's another way with the help of css? Maybe I have to take a look at css someday. For now, I got me a font generator and it's working.

Thank you very much!

held

Theoretically you could attempt it with CSS.

There are conditions where you can check if the game is running on iOS, Android, PC etc. and then apply CSS styles based on that.

It's not that complicated on paper, especially if you have some knowledge of CSS, but you could end up opening a big can of worms with it.

An easy way could be to try and include a CSS reset / CSS normalize but it might not work in all cases depending on which you use.

A little bonus of sprite fonts is that they cost less performance than the regular text object :)

Text objects are drawn in to the canvas and aren't actually HTML elements, so CSS won't affect them.

They are? Hmm, well I guess in that case I'd just stick with spritefonts. :V