Embedding Custom fonts in Captivate

• Create a new fonts folder under the path below
• C:\Program Files\Adobe\Adobe Captivate 2017 x64\HTML\assets\css\fonts
• Copy required fonts into this folder
• Create a new text document and rename it as fonts.css
• Place the below code in the fonts.css file . ** this code needs to be edited according to the font which you are embedding

@font-face {

font-family: 'HelveticaNeueLTStd-Roman';

font-style: normal;

src: local('HelveticaNeueLTStd), local('HelveticaNeueLTStd-Roman'),

url(/assets/css/fonts/HHelveticaNeue_3.ttf) format('truetype');

}

@font-face {

font-family: 'Webdings';

font-style: normal;

src: local('webdings_2), local('webdings_2'),

url(/assets/css/fonts/webdings_2.ttf) format('truetype');

}

@font-face {

font-family: 'Wingding';

font-style: normal;

src: local('wingding_2), local('wingding_2'),

url(/assets/css/fonts/wingding_2.ttf) format('truetype');

url(/assets/css/fonts/WINGDNG2_2.TTF) format('truetype');

url(/assets/css/fonts/WINGDNG3_2.TTF) format('truetype');

}

• Assign the embedded font in captivate and publish
• After publishing navigate to..\assets\css folder and open CPLibraryAll.css
• Add the below line of code at the very beginning of CPLibraryAll.css file

@import url("../css/fonts/fonts.css");