• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

scalable typography in captivate (html5)

Explorer ,
May 17, 2019 May 17, 2019

Copy link to clipboard

Copied

Hi.

When I export my project in captivate scalable in html5, fonts lose sharpness. This has some solution. It seems very strange to me that captivate does not treat the typography as vectorial.

Views

174

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
May 17, 2019 May 17, 2019

Copy link to clipboard

Copied

You are talking about a non-responsive project.  For those projects the text containers are converted to PNG's on publishing. Reason is that you can use any font, are not restriced to websafe fonts. That is not the case for responsive projects.

You can force to have the fonts rendered on runtime if you turn each text container to dynamic text, which means thaty you need to insert a variable. That can be a user variable with no value.

Another approach which I use sometimes is to create SVG's from text. Those are vector based.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
May 19, 2019 May 19, 2019

Copy link to clipboard

Copied

Thank you.

It is a good solution, but could there be any solution related to the code that Captivate exports in html5 ?, I mean, there may be something in the lines of code that can be deleted so that the texts are not converted into an image.

a greeting

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
May 20, 2019 May 20, 2019

Copy link to clipboard

Copied

Sorry, cannot help you with tweaking the code.  For the reason  i mentioned Captivate has always converted to images to preserve the chosen font in case of not being a websafe font. 

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
May 20, 2019 May 20, 2019

Copy link to clipboard

Copied

LATEST

The conversion of text to images doesn't happen in the output HTML5 code.  It happens inside the Captivate application BEFORE the content is published out.  So there's nowhere that you can 'delete some code' to get things to work the way you want.

If you want none of the text to be image-based, Lilybiri's suggested methods are the only ones available to you.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Resources
Help resources