Skip to main content
Inspiring
April 13, 2016
Question

Google fonts in navigation pane

  • April 13, 2016
  • 1 reply
  • 710 views

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

This topic has been closed for replies.

1 reply

Willam van Weelden
Inspiring
April 19, 2016

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

Jop_SmithAuthor
Inspiring
April 21, 2016

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

Willam van Weelden
Inspiring
April 25, 2016

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