Let’s Talk Fonts

November 18, 2020

There’s HEADING TEXT

and then there’s paragraph text.

And then there are links, and they should be colored with the site’s primary color choice, and then when you hover over them, they should change to be the site’s secondary or tertiary color choice.

 

Gorditas Heading 1

 

Gorditas Heading 2

 

Gorditas Heading 3

 

Autoor One Heading 4

 

Autoor One Heading 5

 

Autoor One Heading 6

The choice I made was to use “Gorditas” for the H1, H2, and H3 headings, and then “Autoor One” for the H4, H5, andH6 headings. I don’t know what the rules are.

So… making things as simple as possible, what are your two favorite fonts and your three favorite colors?

There are several things going on here. We’re deciding on two fonts and three colors we like. We need the heading font for  Heading 1 – 6  headings across the site, and we need a font that complements it for our paragraph text.

We can work with details like how close each letter is to one another, (letter spacing) and how much space they have top and bottom (line height) and we can style them by forcing italics, or bold, etc., but paragraph text needs to be readable above all, inviting people to read it, so you need good line height and space to make it enjoyable.

I chose Gorditas for the headings because it was a big, bold, slab-like font that has a Latin flair. I then browsed through Google Fonts and found “Autoor One” to have a particular feel to it that I like. I don’t know if a professional typographer would warn me against pairing Gorditas with Autoor One, but this is the sort of decisions you need to make. See what you like and how it affects the reader’s experience.

That’s talking fonts.

I’ve also styled this blog theme template to use orange as all the primary things, and bright blue is the secondary color. You’ll see the blue if you hover over any link on this page.
This one here should show you

You’ll notice the top of every blog page is a large background that is the “Featured Image” of that blog post. There’s also a gradient overlay that helps make the blog post title stand out. The blog post date appears below the title. This top portion is editable in the Theme Builder, and it will affect all the blog posts by editing it here.

The section you’re reading here is the main body content, which is editable in the Visual Builder, (i.e., witout having to go over to the “Theme Builder.”)

Only one H1 title should ever appear on any web page. The post title is set to be that H1 title. Therefore, in your main body content, you want to work with Heading 2 and Heading 3 mostly, and you can define uses for the other heading tags as the need might ever arise.

So… making things as simple as possible, what are your two favorite fonts and your three favorite colors?

You can define “pullquotes” and “blockquotes” and other page elements, and you can even make use of a large  family of icons. These will appear wherever you add them, and will by default, take on the primary color you chose for the theme. In the case here, we’re assuming orange is the primary color of the website.

So… making things as simple as possible, what are your two favorite fonts and your three favorite colors?

Keeping in mind what you’re seeing here…

Subscribe to Our Newsletter

Class aptent taciti sociosqu ad litora torquent per conubia nostra. Quisque a vehicula magna.

Address

Class aptent taciti sociosqu ad litora torquent per 1230.

Call Us

(+880) 123 456 7898
(+880) 123 456 7898

Email Us

contact@divi.com
potterystudio@divi.com