I see the issue in all common browsers with or without a shadow. When viewed at 100% zoom level in the browsers it seems pretty crisp. As soon as I zoom in or out it gets blurry. I’ve tried Arial and Lucida Sans Unicode font on the buttons.
I’m having this same issue. I was previously working in Lectora 11.3.2 and recently upgraded to Lectora 17. I opened a project built in Lectora 11 and noticed the text in all of my buttons was very blurry on preview and publish and in the LMS. It’s not only the buttons, all the images are also fuzzy. This same project looks great in Lectora 11. I contacted Lectora Support in December and they have not been helpful and now completely unresponsive. Has anyone found a fix to this issue? This is causing a real problem to my project.
Hi, David. The button is added as an HTML extension (custom DIV) and styled with external CSS. There are no image files required. If you are unfamiliar with CSS or even if you’re an expert I suggest trying Enjoy CSS. Enjoy CSS is an online CSS generator that uses a Graphical User Interface. You design your element, in this case a button, with simple tools and it spits out the necessary code for you to copy and paste. Very simple, efficient and time saving.
The benefits to having buttons created in this manner are numerous. Two that jump right out are almost ZERO weight and the having the ability to change any style of the button at any time.