Help Please - Pixelated Text When Rendering as Image - Old Problem - Still No Fix?

I have recently moved from Lectora X to V11.3. In prior versions text boxes rendered perfectly as images. In version X the text rendered fuzzy or pixelated. The hoakey band-aid fix at that time was to assign a text box background color as anything other than transparent. Cheesy IMO, but it worked. Now in 11.3 it seems nothing works. If you render your text as an image it looks like garbage. Does anyone have any back door fixes for 11.3?


The text appears fine if you leave it as a text box and don't render as an image. Why then is there a need to render as an image? Well, if you use any font other than Ariel, or Times etc. and the end user doesn't have that "off" font on their machine, the browser automatically defaults to something else - naturally messing with whatever formatting you've assigned.


Any help would be greatly appreciated!


Thanks,

Matt

Discussion (5)

Here is exactly what it looks like. The second pic is a straight text box - all is well. The first is what happens when you render as an image.

I've tested with a variety of things - if I render as an image using a transparent background, a stock background color from the basic color choices or a custom color, this is the output. Previously in X we needed to use a background color other than transparent to stop this from occuring. It seems 11.3 does it all the time now.

While mine is slightly different when converted to an image, it's not so noticeable when I do so. Are you using a transparent background or matching the background color? Does this do so with all fonts?


I mean, I have noticed more of an issue when I tried a transparent background, but I just never have a need to do that.

I have no problem rendering text boxes as images. I do this all the time for any text that has a border or background color. Kind of hate that I have to, but otherwise, the words may occasionally get cut off if the user's font settings enlarge the text a little.

Why then is there a need to render as an image? Well, if you use any font other than Ariel, or Times etc. and the end user doesn't have that "off" font on their machine, the browser automatically defaults to something else - naturally messing with whatever formatting you've assigned.

You can easily embed @fontface fonts into Lectora and unleash your creativity :) Font embedding is supported in all browsers (http://caniuse.com/fontface), there are thousands web-ready fonts and you can always convert any TTF into a web-font. We do it for clients that have their special corporate brand fonts.

Discussions have been disabled for this post