Skip to main content
S
Suroky5
Known Participant
March 31, 2021
Question

Help creating sharp text in a non-responsive project

  • March 31, 2021
  • 2 replies
  • 906 views

Hi there!  I am creating a project which is for desktop only so no need to be responsive.  However, the problem I have is that with a non-responsive project, the text seems to be very pixelated as i believe it is converted into an image?  Apart from creating the text in illustrator and importing in as a SVG is there any other way to sharpen the text?  Obviously importing the text as an SVGs will be a slow process and difficult to update.  Would you recommend creating this as a responsive project even though it will not be required as such, to improve the qulaity overall? I also have been tasked to update older non-responsive projects and improve the quality. The dimensions are 1280x720. 

Thanks!  

    This topic has been closed for replies.

    2 replies

    Paul Wilson CTDP
    Community Expert
    Paul Wilson CTDPCommunity Expert
    Community Expert
    April 1, 2021

    My solution for this is to increase the size of my project dimensions to something in or around the HD quality range like 1470 x 900 or even right up to 1764 x 1080. Make sure when you publish you do so with HTML scaling turned on so that the project scales down for smaller screen devices like tablets or smaller laptops. It's like switching from Grandma's old TV from the 80s to a brand new HD model.

    Paul Wilson, CTDP
      S
      Suroky5Author
      Known Participant
      March 31, 2021

      Ps. The text is pixelated after I have peviewed as HTML5 in Browser window. 

       

      Lilybiri
      Lilybiri
      Legend
      March 31, 2021

      To force rendering the text on runtime, use the 'dynamic' text trick: insert a user variable (its value empty) in each text container. 

        S
        Suroky5Author
        Known Participant
        March 31, 2021

        Hi! many thanks for the workaround.  Is there any way to avoid the $ icons at the end of the text as tends to move formatting around? although I have noticed this does not effect it once previewed. Just really messy on the screen and will freak out the SMEs when they see it haha!. I hope Captivate will make this a lot simpler to create sharp text without any formatting problems for non-responsive projects soon!  

        Terms & ConditionsAccessibility statement
        Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices