Skip to main content
Deb Sauer
Inspiring
July 24, 2015
Question

Embedding custom fonts in responsive HTML5 output from FrameMaker

  • July 24, 2015
  • 1 reply
  • 406 views

I am creating responsive HTML5 output from FrameMaker. Can you embed a custom font so the output looks correct no matter what fonts are installed on the users' machine?

This topic has been closed for replies.

1 reply

majafjalla
Participant
February 19, 2016

Sure, this can be done -- I have this working at present. I've set things up as follows:

  1. Opened up the Publish Settings (.sts) file -- this is basically just a zip file.
  2. Created a 'fonts' folder in the directory there which controls the layout Responsive HTML5 (a subdirectory of !ScreenLayout!)
  3. Referred to the fonts in layout.css as follows:

@font-face {

  font-family: MyFont;

  src: url("fonts/myfont.eot");

}

You can then zip everything back up as an sts file and use it to publish.