Page 1 of 1

How to embed a font in NetHelp?

Posted: Tue Dec 04, 2018 9:01 am
by EOM
Dear forum members,

I've created my NetHelp document with the Source Sans Pro font. It now turns out that people who do not have that font on their machines cannot see the font. I understand I can embed the font in a ccs file so I tried putting this in my user.css but it does not seem to have any effect:

/* source-sans-pro-regular - latin */
@font-face {
font-family: 'Source Sans Pro';
font-style: normal;
font-weight: 400;
src: url('../fonts/source-sans-pro-v11-latin-regular.eot'); /* IE9 Compat Modes */
src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'),
url('../fonts/source-sans-pro-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/source-sans-pro-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/source-sans-pro-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
url('../fonts/source-sans-pro-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/source-sans-pro-v11-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

What am I doing wrong?

Thank you!

Eeva

Re: How to embed a font in NetHelp?

Posted: Sun Dec 09, 2018 5:03 am
by EOM
I found the answer : )

I added this statement in the head section of layout.html :
<link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro' rel='stylesheet' type='text/css'>