Easy Google Fonts

Easy Google Fonts 1.0.0

No permission to download
Compatible XF 2.x versions
  1. 2.1
  2. 2.2
Updates duration
Lifetime
Visible branding
No
This small handy addon allows you to easily add Google Font embed codes directly to your theme using a single Style Property, instead of using messy template edits.

How to use
1. Visit the Google Fonts website and select your fonts & weights
2. Copy the <link> embed codes supplied on the page
3. Paste these codes into the Font Scripts field on the Style Properties -> Typography page for your style.
4. Add the name of your Google font to the body font family on the Style Properties -> Typography page.

Selecting fonts

xenforo-2-addon-easy-google-fonts-select-fonts.png


Embedding fonts


xenforo-2-addon-easy-google-fonts-style-properties-settings.png



FAQ

Q. Where can I find the settings for this addon?

A: You can find the field for pasting font codes in Style Properties -> Typography

Q. How do I paste the codes? Where do I get it from?
A: You should always paste the code as supplied directly on the Google Fonts website after selecting your fonts. See the above screenshot for example. Google supplies this code in three lines - you should copy and paste all three lines, similar to this:

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&display=swap" rel="stylesheet">
Author
Nulumia
Downloads
25
Views
312
First release
Last update
Rating
0.00 star(s) 0 ratings

More resources from Nulumia

Top