Explore the community Forums Lectora Lectora Questions & Answers Text Button Font is blurry

Viewing 15 posts - 1 through 15 (of 18 total)
  • Author
    Posts
  • #363195 Score: 0
    Profile photo of Sophie Bristow
    Sophie Bristow
    Member
    beginner
    intermediate
    wise owl
    Group Member
    curious george
    contributor
    1 pt
    @sbristow7364

    Hi, I created a text button. Custom yellow background. Black text, Arial size 20. In preview mode it looks fine, but when i preview it in a browser or i publish it, it’s blurry.

    The text boxes are fine, it just seems to be the buttons themselves.

    Any ideas? Thanks!

     

    Attachments:
    #363318 Score: 0
    Profile photo of Darrel Somoza
    Darrel Somoza
    Member
    contributor
    friend finder
    beginner
    intermediate
    junior moderator
    advanced
    wise owl
    curious george
    profile
    192 pts
    @Klaatu

    I am unable to duplicate. Can you perhaps upload a sample instead of a screenshot?

    #363331 Score: 0
    Profile photo of Sophie Bristow
    Sophie Bristow
    Member
    beginner
    intermediate
    wise owl
    Group Member
    curious george
    contributor
    1 pt
    @sbristow7364

    Hi Darrel,

    Absolutely, attached.

    #363350 Score: 0
    Profile photo of Darrel Somoza
    Darrel Somoza
    Member
    contributor
    friend finder
    beginner
    intermediate
    junior moderator
    advanced
    wise owl
    curious george
    profile
    192 pts
    @Klaatu

    Can you upload the awt file?

    #363361 Score: 0
    Profile photo of Sophie Bristow
    Sophie Bristow
    Member
    beginner
    intermediate
    wise owl
    Group Member
    curious george
    contributor
    1 pt
    @sbristow7364

    It’s in the second zip – Blurry-Buttons-1.zip – it wouldn’t let me upload it directly. Thanks again!

    #363404 Score: 0
    Profile photo of Sophie Bristow
    Sophie Bristow
    Member
    beginner
    intermediate
    wise owl
    Group Member
    curious george
    contributor
    1 pt
    @sbristow7364

    I’ve been building in responsive design and it seems that in IE when I make the window smaller, then maximize it again, it stops being blurry.

    #363635 Score: 0
    Profile photo of Jennifer Valley
    Jennifer Valley
    Member
    contributor
    beginner
    friend finder
    advanced
    lectora beginner
    verified member
    wise owl
    profile
    picture perfect
    curious george
    113 pts
    @jvalley4735

    What version of Lectora are you using and what’s your desired output?  HTML versus SCORM? Chrome, IE, Firefox, all?

    #363772 Score: 0
    Profile photo of Sophie Bristow
    Sophie Bristow
    Member
    beginner
    intermediate
    wise owl
    Group Member
    curious george
    contributor
    1 pt
    @sbristow7364

    Hi all, we think we found the issue. It was because there was shadowing on the text buttons. Once we removed the shadowing, the buttons were much crisper!

    #390772 Score: 0
    Profile photo of Dan Richards
    Dan Richards
    Member
    lab member
    beginner
    intermediate
    friend finder
    LUC17 Presenter
    LUC17 Attendee
    profile
    wise owl
    @danrichards

    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.

    #390838 Score: 0
    Profile photo of CarlFink
    CarlFink
    Member
    beginner
    intermediate
    contributor
    LUC16 Attendee
    wise owl
    curious george
    advanced
    13 pts
    @CarlFink

    Buttons seem to be rendered as graphics (not as HTML buttons) and since the text is a bitmap graphic, zooming it will screw up the appearance.

    #391094 Score: 0
    Profile photo of TEAMpink
    TEAMpink
    Member
    beginner
    intermediate
    picture perfect
    wise owl
    @TEAMpink

    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.

    #391140 Score: 0
    Profile photo of Darrel Somoza
    Darrel Somoza
    Member
    contributor
    friend finder
    beginner
    intermediate
    junior moderator
    advanced
    wise owl
    curious george
    profile
    192 pts
    @Klaatu

    Build your own buttons. They will be much nicer looking and you’ll have complete control over every aspect of styling (including transitions and transformations if you’d like) and zero weight.

    Attachments:
    1. better-button.zip
    #405581 Score: 0
    Profile photo of DavidCM
    DavidCM
    Member
    beginner
    intermediate
    wise owl
    friend finder
    contributor
    @DavidCM

    Thanks for uploading the zip file. Could you let me know how you created the buttons? I’ve found creating text buttons in Photoshop isn’t much better than in Lectora.

    #405702 Score: 1
    Profile photo of Darrel Somoza
    Darrel Somoza
    Member
    contributor
    friend finder
    beginner
    intermediate
    junior moderator
    advanced
    wise owl
    curious george
    profile
    192 pts
    @Klaatu

    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.

     

     

    This post has received 1 vote up.
    #405704 Score: 0
    Profile photo of DavidCM
    DavidCM
    Member
    beginner
    intermediate
    wise owl
    friend finder
    contributor
    @DavidCM

    Thanks, Darrel. That’s really helpful info. Have a great day.

Viewing 15 posts - 1 through 15 (of 18 total)

You must be logged in to reply to this topic.