Text with special font

[benjamino61372123]

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

[Lilybiri]

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.

[Paul Wilson CTDP]

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.

[TLCMediaDesign]

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]

Thanks for popping in, David.

[benjamino61372123]

Thank you all for the quick reply,

I am not used to coding in captivate as im very new to the captivate world.

I managed to download a package file for the special font called icofont, these files are:

ecofont.EOT

ecofont.svg

ecofont.woff

as well as a css file

For a newbe like me how can i easily have these fonts showing elsewhere than on captivate.

Many thanks