Google fonts in navigation pane

4 replies
724 views
Translate

RH 2015 | WebHelp

I'm using the following @1552174 in my CSS to render my topic text in Open Sans. Does anyone know if it's possible to apply a Google font to the left-hand navigation pane? I'd like my TOC, Index, Search, and Glossary to use Opens Sans too and be visible to my readers which may not have Open Sans installed on their PCs.

@1552174 url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,700,300,600,800);

Thanks

Jonathan

WebHelp

This topic is closed to new replies. Start a new post to keep the conversation going.

Willam van Weelden

Inspiring

Hi Jonathan,

You have to add it to the pane files in the output manually. Yes it is possible if you're up for hacking the output files.

Kind regards,

Willam

Translate

J

Jop_SmithAuthor

Inspiring

Hi Willam

I thought so. I'll have to give it a try. Do you think it'll be as easy as just adding the @import CSS to whtdhtml.htm (TOC), whfdhtml.htm (FTS), whidhtml.htm (IDX), and whgdhtml.htm (GLO)?

Thanks

Jonathan

Translate

Willam van Weelden

Inspiring

It's slightly more work than that. I would recommend creating a CSS with the rule in it. Use !important to overwrite existing styling. The TOC et al are styled by the scripts that insert inline styling. And you'll need to overwrite that.

Then you can assign the CSS to the files. But there are more that the whxdhtml ones. You want:

whfbody

whfdhtml

whfform

whgbody

whgdhtml

whgdef

whibody

whidhtml

whiform

whtdhtml

Translate

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.