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

How do I get the font size to be responsive along with rest of project?

Engaged ,
Apr 12, 2017 Apr 12, 2017

Hello,

Using Captivate 2017

I have "Enable Uniform Text Scaling" clicked for a particular slide with a minimum font size of 14px.  I have a text caption with 20px font size in a fluid box (static).  This fluid box serves as the header for my slide and the text caption is in the center (horizontally) and on top of a smart shape background.

How do I get the font size to shrink when the project does?

TOPICS
Editing , Getting started
7.3K
Translate
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
LEGEND ,
Apr 12, 2017 Apr 12, 2017

I have been testing text scaling out, and everything works OK for me. This is also new to me, difficult to guess (as I can more easily for older features) what is wrong. How did you test, and in which browser? I have titles in a FB, and they do rescale nicely. Until this moment I didn't see (for titles) a difference between Static or non-static. How are the position properties set up for the title container?

Translate
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
Engaged ,
Apr 13, 2017 Apr 13, 2017

I kind of think I don't understand the feature.

Anyway, here is my work flow:

  1. New responsive project
  2. add "blank" slide
  3. add fluid box to slide : 1 column, three rows
  4. Add text caption to top row, set font size to 72px
  5. at the slide level click "Enable Uniform Text Scaling"
  6. Test the responsiveness with the slider above the slide  ... The size of the font remains 72 pixels even with 320px width. (see screenshot)

screenshot.PNG

Translate
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
LEGEND ,
Apr 13, 2017 Apr 13, 2017

OK, but for me it works perfectly... if setting up the Position properties correctly for that text container.

Will leave you to someone who understands better.

Translate
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
Engaged ,
Apr 13, 2017 Apr 13, 2017

What do you mean with "setting up the position properties correctly for that text container"?  Maybe I am not doing that..

Translate
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 ,
Apr 13, 2017 Apr 13, 2017

Two things...

  1. Text scaling won't change on the stage. You will need to preview the project to see this in action.
  2. If your object containing the text is large enough to accommodate the text even on smaller previews it won't reduce its size.

Try making the object containing the text smaller so that on a desktop view there is only just enough room for the text. Then click Preview > Project and use the slider to see different preview sizes. You should find that it works well at that point. Also, remember that if it's unable to fit all the text in the object even at the Minimum Font Size you will get the pop out text icon in your preview.

Paul Wilson, CTDP
Translate
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
Adobe Employee ,
Apr 16, 2017 Apr 16, 2017

Hello Ryan,

The text scaling options are only for your runtime or published output. You will not see the changes in your edit area. Trying previewing the slide to verify the scaling.

Regards,

Mohana

Translate
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 Beginner ,
May 16, 2017 May 16, 2017

Hi Mohana,

Is there a way to enable the "uniform text scaling" on breakpoint mode?

Regards,

Karl

Translate
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
Adobe Employee ,
May 17, 2017 May 17, 2017

No, it is not available in breakpoint mode

Translate
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
LEGEND ,
May 17, 2017 May 17, 2017

In Breakpoint mode you have only the possibility to define the font size for the different breakpoint views. I use to do that in the Object Style Manager. In between the breakpoint views the font size will not change. That is the same work flow as in Captivate 8 and 9. You'll have to test each text container to see if the text flows correctly in all sizes. Mostly this means that you'll have to make the containers bigger and/or font size smaller (or the leading if possible).

Translate
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 Beginner ,
May 17, 2017 May 17, 2017

It will really be helpful if text can auto-scale in between breakpoints. Anyway, what I do as workaround is set the Object Size Height to Auto and set the max-height and max-width to the current size. It works but a bit of a hassle.

Translate
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
LEGEND ,
Dec 12, 2017 Dec 12, 2017
LATEST

Changing the size of the text container will not change the font size however. You could convert the text to an image (maybe SVG) and then you'll have continuous scaling.

Translate
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