Typekit font & using variable issue

@tomaszg42093314  I use Roboto as well - Arial one point size smaller than the Roboto works well for the blocks containing variables.

I have a similar issue with dynamic texts. I use a Roboto font from Typekit, but when I publish the file I see Times New Roman, as if it entirely ignores the Roboto font. Any suggestions?

Wanted to ask if you are creating non-responsive projects? Rod gave already a full explanation why text containers including variables (dynamic text) can look slightly different from those in a static text container which is converted to an image (which means you could use any font).

I use Typekit fonts all the time, bit bored with the too limited set of websafe fonts. A workaround if the slight differences is bothering ou too much is to force Captivate to render all text containers on runtime. How? Insert an empty user variable in each text container.

I always use a standard web font (Arial, for example) for captions that include a variable instead of hoping all will be rendered perfectly on the learner's machine. At least that way the entire block of text will look the same, even if it's slightly different from other text blocks.

I think you will find that if you put two captions side by side on the same slide with exactly the same text, the caption that contains dynamic text pulled from a variable will always look slightly different to the static text.

The reason for this is that as soon as you add a variable to any part of the caption all of the text in that caption (not just the text supplied by the variable) will be dynamic.  The entire caption text is rendered at run-time. For normal captions containing static text, the caption and text are converted to a PNG image and this is what you see at runtime.

The only time this changes somewhat is when you are working with a responsive course.  In that case almost all of the text on screen might be rendered rather than being supplied by images because the responsive course needs to dynamically change the size and positioning of the text according to the limitations of the device viewport.