Blurry/Fuzzy Text on buttons in Lectora 18

mmackinnon2873mmackinnon2873 Community Member Posts: 6 ☆ Roadie ☆
edited January 13, 2021 in Lectora Desktop
Have been encountering a bug in Lectora 18 for a while now and was wondering if anyone had any fixes or better work arounds.

Steps to replicate bug:
1. Create a button in Lectora, add text to that button.
2. There are lots of different styles that cause the fuzzy text, but this button will be styled as follows:
- Normal: Type = Shape (rounded rectangle), Fill = Solid blue, Outline weight = 1, Outline colour = Blue, Font = Calibri 16pt Bold White Center Align
- Over: Type = Auto
- Down: Type = Auto, (Note that Outline weight is 2)
- Disabled: Type = Custom, Fill = Transparent, Outline Weight = 0, Opacity = 100, Font = Calibri 16pt Bold Black Center Align
4. Add an action to the Button so that it state is set to Disabled when it is clicked.
5. Now publish/preview in browser and see that the font gets blurry/fuzzy when it is in the Over or Disabled State.

Screenshot:


From what I have gathered through testing, it seems like the buttons size is being incorrectly calculated when it is published possibly in that it is not including the thickness of the shape outline as it is published.

My current workaround is to:
A. Make sure that each state of the Button has the same Outline weight. (Downside is that this limits available design)
B. Create each button state in an external program. (Downside is that this makes adjusting or reworking the design significantly slower)
C. Ignore the fuzzy text. (Not ideal)

Here is a more extreme version of the button, where the outline weight of the over state has been set to 20. Notice that the rounded rectangle is being clipped to a rectangle and that the font size has been significantly reduced.


EDIT:
Just to add in one thing I noticed while poking around with dev tools, it seems like this issue is related to a size calculation error as the size of the transparent .png that contains the buttons text does not match the size of the button.

Comments

  • wheelswheels Administrator Posts: 476 eLearning ROCKSTAR Admin Team
    We refactored the way this is done in v19 so that the text is not blurry and an image is no longer used.
Sign In or Register to comment.

So You Wanna Be An eLearning ROCKSTAR?

We're all fans of eLearning here! Want to become an eLearning ROCKSTAR? Just click on one of the buttons below to start your rocking journey!

The Big Launch - Exciting News From eLearning Brothers


eLearning Brothers is all set to rock the eLearning world in 2021, and we want to let you in on the plans! Join us for The Big Launch event, where you’ll hear from company leaders like Andrew Scivally, Co-founder and CEO, Christian Weibell, CPO, and more special guest stars. We’ve got a lot of eLearning awesomeness up our sleeve—you won’t want to miss The Big Launch.

REGISTER NOW