Text with special font

Forum|Forum|9 years ago
December 6, 2016
3 replies
249 views

Hi everyone,

I'm currently running the latest version of AC9 and i am encountering the following issue:

On my responsive project, i have used special character using a special font called Icofont, these characters are showing fine in Captivate however when i load my project on Scormcloud and try it out on my Android mobile, these special characters are shown as a crossed box !

Is there any way to fix that or get around it ?

Thank you in advance for your help,

Ben

This topic has been closed for replies.

TLCMediaDesign

Inspiring

You can convert your font to a web font using many available free convertors to create a .woff file.

You'll need to include the font with a CSS @font-face rule and target the element the font is used for.

So if it's for "Text_Caption_1" use the CSS after you have converted your font;

<style>

@font-face {
font-family: myFont;
src: url(converted_font.woff);
}

#Text_Caption_1{

font-family: myFont;

}

</style>

Lilybiri

Legend

Thanks for popping in, David.

Paul Wilson CTDP

Community Expert

If you can switch from responsive design to normal projects (Blank Project) your text captions or objects that contain text will be converted to images. The only exception would be when you have text populated by variables.

Paul Wilson, CTDP

Lilybiri

Legend

Either you turn the text into images (SVG would be the best choice) or you'll have to edit the companion files to embed the font. TLCMediaDesign has an explanation somewhere in this forum, can't find it immediately.

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.