Charlottenz Posted September 11 Share Posted September 11 I've set up scrolling text on my home page using my Custom Font 'Gotham Bold'. All is working fine. However on mobile, just the 's' is pixelated and not smooth as it should be. Any ideas? @iamdavehart you were a whizz on custom fonts, is this something you've come across before? Password: khyberpass70 Link to comment
iamdavehart Posted September 11 Share Posted September 11 it's not pixelated, what's happening here is that the marquee block lays out three copies of your text so that it can move them around to give the idea of a continuous ticker tape. in your mobile version those three are laid out on top of each other. it looks like it's only the S that's affected because an S has non-right angles and so it's more pronounced. in fact, if you look more closely, everything looks "fatter" on the other letters, the bend of the U is actually pointed etc. Why is this happening? I'd say it's a bug... essentially as far as I can tell what's going on is that its incorrectly measuring the size as 0 and so its offsetting its three copies by 0 + your item spacing. I can't be sure why that's happening on mobile only though, but it's possible that it's because it's loading up the custom font and it's not ready in time to be measured. (if you do it on mobile emulation within chrome it's fine). What you could do is drop your item spacing to zero in your scrolling section's properties and then if the bug happens it should overlay all three copies directly on top of each other and remove the effect. Dave Hart. Software/Technology Consultant living in London. buymeacoffee Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment