Embedding custom fonts in responsive HTML5 output from FrameMaker

[Deb Sauer]

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?

[majafjalla]

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.