How can I add LWV fonts to my theme?

A:

[UNDER CONSTRUCTION]

 

Updating to LWV Fonts

Include the following code in your layout.html file between the <head> and </head> tags. Make sure you are not including it between any other <something>...</something> tags, such as <script> or <style> tags.

<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=Lato:[email protected];700&family=Merriweather:wg[email protected];700&display=swap" rel="stylesheet">

This code accesses the Google font website and preloads the required fonts so that they can be displayed on any computer.

Next: Find where your theme refers to the font. This will usually be in the theme.scss file and the tablet-and-desktop.scss file. There may also be instances in the support .scss files, such as _nav.css or _buttons.css that need to be changed. (See tips on locating where things need to be changed [here]).