Highlighted

Can I use @font-face in RH2019 New UI?

Participant ,
Feb 14, 2020

Copy link to clipboard

Copied

We have custom fonts we want to include in our on-line help. So far to no avail.

I have woff and woff2 fonts, copied into the HTML5 skin folder. But the fallback font is used anyway.

 

To be clear: this is NOT about the title and TOC font of the skin itself; that will be phase 2. Just the topic body font, which I can regulate with my own CSS without any advanced hacks.

 

My fallback body font is wingdings just to be sure which font I'm seeing, and sure enough, the output looks like a binary file 🙂 So the font-face isn't working. I tried copying the woff files from the output's skin folder to the output's root folder, but that didn't help either.

 

Did someone successfully use custom fonts with @font-face in RH2019 new, HTML5 (azure)?

Adobe Community Professional

Topics

New UI, Output presets

Views

57

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Can I use @font-face in RH2019 New UI?

Participant ,
Feb 14, 2020

Copy link to clipboard

Copied

We have custom fonts we want to include in our on-line help. So far to no avail.

I have woff and woff2 fonts, copied into the HTML5 skin folder. But the fallback font is used anyway.

 

To be clear: this is NOT about the title and TOC font of the skin itself; that will be phase 2. Just the topic body font, which I can regulate with my own CSS without any advanced hacks.

 

My fallback body font is wingdings just to be sure which font I'm seeing, and sure enough, the output looks like a binary file 🙂 So the font-face isn't working. I tried copying the woff files from the output's skin folder to the output's root folder, but that didn't help either.

 

Did someone successfully use custom fonts with @font-face in RH2019 new, HTML5 (azure)?

Adobe Community Professional

Topics

New UI, Output presets

Views

58

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Adobe Community Professional ,
Feb 14, 2020

Copy link to clipboard

Copied

Demo of it working and project to download at http://www.grainge.org/pages/authoring/fonts/fonts.htm


www.grainge.org

www.grainge.org for free RoboHelp & Authoring info. Use the blue Reply button at the top to help me help you.
The black Reply link nests replies and they sort out of order.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Adobe Community Professional ,
Feb 16, 2020

Copy link to clipboard

Copied

Also see Snippets > Miscellaneous > Item 50 for the TOC etc. 

 

www.grainge.org for free RoboHelp & Authoring info. Use the blue Reply button at the top to help me help you.
The black Reply link nests replies and they sort out of order.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Participant ,
Feb 17, 2020

Copy link to clipboard

Copied

Thank you!

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...