How to link to Google web fonts
Suzy
New
Forgive a newby question. I've just installed Vanilla open source 2.2.1 and have added a simple custom theme.
My question is as stated. How or where should I add a line to link to Google webfonts (These aren't the fonts I'll be adding, they are from another website I run):
<link href="http://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700|Ubuntu+Light" rel="stylesheet" type="text/css">
What I'm finding with both the default and custom theme is that the font on the laptop seems odd. On a larger monitor it looks okay. When I add a line defining font family to the custom.css file it works, but the font size is bigger than I'd like. If I set the font-size to 90% (or 0.9 em) it reverts back to the odd looking font. It's readable, however I want open sans, or sans serif or similar and I'm not getting that.
I've looked up this forum and there was one similar question but the answer wasn't sufficiently detailed for me to follow (it was just "use theme hooks", which I tried to figure out, but failed.) (The only other question was too old, and was about editing the main template, which I figure doesn't apply any more.)
If anyone can help out it would be great.
Comments
@Suzy
Welcome to the community.
You can achieve this either by adding the code to your theme's default.master.tpl file (in views folder) or adding it via the custom.css file, and using
@import url ('http://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700|Ubuntu+Light')If you are using the default theme you can very easily create a custom theme, see here:
http://docs.vanillaforums.com/developer/theming/
Please try the VFonts plugin to add your fonts and to make your theme use them.
or
https://vanillaforums.org/discussion/comment/241318#Comment_241318
❌ ✊ ♥. ¸. ••. ¸♥¸. ••. ¸♥ ✊ ❌
Thank you both very much, whu606 and vrijvlinder. I'll try both methods.