Add Google Fonts to the Structure Stack


RapidWeave Stacks Blog:
Add a Google Font to Structure Stack H1 tags
Visit the Google Font webpage: https://fonts.google.com

Find the font you want to use and click on the + sign. The Google Font webpage will provide you with the code you need to add to RapidWeaver + the Structure Stack Custom CSS settings (at the bottom of the settings).


1. Find the font you want to use.

rapidweaver-stacks-googlefont1

2. Click the little red plus sign.

googlefont-copy-paste

3. Copy the line starting with

rapidweaver-head

4. Paste the line you just copied to Settings > Code > Head

googlefont-copy-paste

5. Now go back to the Google Fonts website and copy the css starting with font-family:
and paste it to the area (probably H1) where you want to use your Google Font


rapidweaver-structure-stack-settings

That's it.

Advice: Don't load too many Google Fonts – only those you need – to avoid your page getting slow load times.



DeFliGra · Stack’oholic | Mac’oholic | Web’oholic
www.defligra.com | Stacks for RapidWeaver