Answered
Can't use another font in published responsive project
I'm wanting to use the Lato font for resposnive elearning projects using Captivate 9.0.0
Note: we are using version 9.0.0 because we have had issues publishing with the most latest version, and so have resorted back to an earlier version.
So I have tried to follow the tutorials here: https://www.flicklearning.com/blog/how-to-embed-fonts-in-adobe-captivate
But still have difficulties, and trying to see where im going wrong.
On output I have folder:
assets > css > CPLibraryAll
In that folder, I have added the line
@1552174 url("../css/fonts/fonts.css");
And in the assets > css > fonts folder, I have added the fonts i'd like to use in EOT, SVG, woff , woff2 and TTF format
I have added fonts.css folder, with the four fonts i'd like to use:
@11220649-face {
font-family: 'Lato', sans-serif;
font-style: normal;
src: url('../fonts/Lato-Bold.eot');
src: url('../fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'),
local('Lato-Bold'),
local('Lato-Bold'),
url('../fonts/Lato-Bold.woff2') format('woff2'),
url('../fonts/Lato-Bold.woff') format('woff'),
url('../fonts/Lato-Bold.ttf') format('truetype'),
url('../fonts/Lato-Bold.svg') format('svg');
}
@11220649-face {
font-family: 'Lato', sans-serif;
font-style: normal;
src: url('../fonts/Lato-Hairline.eot');
src: url('../fonts/Lato-Hairline.eot?#iefix') format('embedded-opentype'),
local('Lato-Hairline'),
local('Lato-Hairline'),
url('../fonts/Lato-Hairline.woff2') format('woff2'),
url('../fonts/Lato-Hairline.woff') format('woff'),
url('../fonts/Lato-Hairline.ttf') format('truetype'),
url('../fonts/Lato-Hairline.svg') format('svg');
}
@11220649-face {
font-family: 'Lato', sans-serif;
font-style: normal;
src: url('../fonts/Lato-Light.eot');
src: url('../fonts/Lato-Light.eot?#iefix') format('embedded-opentype'),
local('Lato-Light'),
local('Lato-Light'),
url('../fonts/Lato-Light.woff2') format('woff2'),
url('../fonts/Lato-Light.woff') format('woff'),
url('../fonts/Lato-Light.ttf') format('truetype'),
url('../fonts/Lato-Light.svg') format('svg');
}
@11220649-face {
font-family: 'Lato', sans-serif;
font-style: normal;
src: url('../fonts/Lato-Regular.eot');
src: url('../fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'),
local('Lato-Regular'),
local('Lato-Regular'),
url('../fonts/Lato-Regular.woff2') format('woff2'),
url('../fonts/Lato-Regular.woff') format('woff'),
url('../fonts/Lato-Regular.ttf') format('truetype'),
url('../fonts/Lato-Regular.svg') format('svg');
}
AdChoices