How to embed a font in NetHelp?

Post Reply
EOM
Propeller Head
Posts: 20
Joined: Wed Oct 10, 2018 9:05 am

How to embed a font in NetHelp?

Post 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
EOM
Propeller Head
Posts: 20
Joined: Wed Oct 10, 2018 9:05 am

Re: How to embed a font in NetHelp?

Post 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'>
Post Reply