Want to See ShinePages in Action?

BUILDER LOGIN

Want to See ShinePages in Action?

BUILDER LOGIN

The ShinePages Blog

TIPS AND ARTICLES TO HELP YOU SHINE ONLINE

How To Pick Fonts for Your Website

How To Pick Fonts for Your Website

Fonts are the gateway for good design and create a polished professional billboard to highlight your business

-Coco | ShinePages Designer

Where to Start?

First things do not fear - you only need 3-4 fonts tops. If you are new to the font world here are some terms you may or may not have heard of. Serif, Sans Serif, and Script/Handwriting Here's a helpful graphic to help you remember the difference between serif and sans serif. 

Source: https://www.maconprinting.com/

Script fonts look like handwriting and cursive. Such as the following two fonts.

Braggest

Gistesy

SAVE!

Tools +

Articles

Whether you plan to purchase or use free fonts we recommend the following tools and articles to guide your planning.

Google fonts has an extensive library of fonts you can explore. You can search by typeface, save fonts, and download your favorites. 

When you are just not sure which font goes together this article has rounded up some great google font combos. 

PAID Fonts

If you are looking for that extra special typeface CreativeMarket sells hundred of fonts to your liking.

Find some inspiration with this collection of font trends all free font Google Fonts. We love these combos!

Plan your TEXT blocks

Follow these guidelines to select no more than 4 fonts

Paragraphs

Font Type : Serif or Sans serif font 

(KEEP IT SIMPLE)

Size: 16px-20px

Letter Spacing: 0-.5

Line Height: 1.5-1.6

Main Headings 

Font Type : Serif or Sans serif font 

(YOUR MAIN BRAND FONT)

Size: 72-42px (2-3 size options)

Letter Spacing: 0-.5

Line Height: minimum 1.3

Sub Headings 

Font Type : Serif or Sans serif font 

(IF MAIN HEADING IS SERIF GO WITH SANS SERIF OR VICE VERSA)

Size: 36-18px (2 size options)

Letter Spacing: 0

Line Height: minimum 1.3

Accent Font

Font Type : Script or Handwriting

(ACCENT FONT)

Size: 46-72px (one size option, usually large = to main font)

Letter Spacing: optional based on font

Line Height: minimum 1.3-1.6

Quotes

Font Type : Serif or Sans serif

(option for italicized or bold)

Size: 16px-20px

Letter Spacing: min 2px

Line Height: minimum 1.3-1.6

Font Mapping

Use this handy font planning worksheet to plan

Thank You!

We can't wait to see what you create. Our mission at ShinePages is to help entrepreneurs launch stunning and simple websites. Every template comes loaded with content ready blocks so you can just drop in your content. 


We also offers tons of tools and support to help you get over the finish line. Check out our tutorials and videos in our Knowledge Base on ShinePages.com

-Coco

Do you need more help?

Sometimes you just need a bit of help to get you started or push you over the finish line.

Our team of ShinePages experts is here to help!

1 Comment
Jill
Posted on  07/20/2022 09:07 PM This is really helpful! I am loving ShinePages so far!
Add Comment
Your cart is empty Continue
Shopping Cart
Subtotal:
Discount 
Discount 
View Details
- +
Sold Out