OL Learn

Use adobe fonts in Print Context

How do I use Adobe fonts in a print context? I have this
link rel=“stylesheet” href=“https://use.typekit.net/xuv1qan.css”…

Add it as a remote CSS stylesheet to the Stylesheets folder (located in the Resources panel). This adds the font the Font menu and allows you to use it in your CSS stylesheets.

Example stylesheet rule:

h1 {
	font-family: "john-doe"
}

Erik

I must be missing something. The font appears in my list, but it looks like just Times New Roman when I choose it. The same thing happens when I drag and drop fonts to the “Fonts” folder. Is there something else I need to do to active the fonts?

The first thing that came to mind is that the application doesn’t have access to the remote font although this does not explain why the font wouldn’t work when added to the Fonts folder of the template.

Could you try the attached template?
john-doe.OL-template (7.7 KB)

It would be interesting to see what happens when you add the font to Windows.

Erik

Think I found it… I guess the john-doe stylesheet is not linked to the section. You can achieve that by dragging the .rcss file from the Stylesheets folder on the respective section. A ‘chain’ decorator will be shown in the lower right corner of the .rcss file icon.

Alternatively check the Includes of the respective section. Right click the section name and choose Includes… from the contextual menu.

Erik