0
Custom Font in Image Rendering Strangely
I've used our custom font (as an image) for headlines and titles our custom font for our email newsletter. Though not an email best practice, as an almost imageless email the font goes a long way in branding the publication.
However, the images are rendering the text a bit askew as though they were typed on an untuned typewriter.
A screenshot including text in image format:
See the section headers and text in blue
Is this just a Litmus thing? Any suggestions/experience on fixing it in the community?
have you tried adding -webkit-font-smoothing:antialiased;?
Are you noticing this in Litmus tests or live in clients? I wouldn't trust the Litmus tests for how images look, as I have no idea how they are saving or compressing the images before serving them to us. If it is in live-clients, I would talk directly with whoever cut your graphics.
Also keep in mind gmail caches images so that might be messing with your font-images.
You're right @Nathan, it is how the graphics are cut.
Sam - I have tried, but I guess the original file is not properly capturing the font image. Typography/fonts and photoshopping font-images however, is well outside my knowledge...
Not sure if there's a best practice on how to do this, but if anyone has experience on cutting type to graphics would be great to gain some instruction!