Build Your Own Business Website header image

Font Awesome

Part 1 – Introduction to Fonts, Font Families, Font Stacks

Difficulty Level -

Filed Under Topics - , , , , ,

Listed Under Lesson Subjects -

Applies to -

Good morning everybody and welcome to this special seminar on customizing Genesis Child Themes with Custom Fonts. This is actually lesson 2 in our Customize Genesis Like a Pro series. Today we are going to start off by looking some of the basic CSS font styling rules. Once we're done with that we’ll go on

Part 13 – Create Social Media Links with Font Awesome Icons

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

So that’ s how to use FontAwesome icons as social media icons. Now what I’m going to do is create a social media box here using FontAwesome. I’m going to do it in those text boxes. Let’s go to pages, and to my Sandbox and I’m going to create some links. I’m going to say,

Part 12 – Using Font Awesome Icons with Thesis 2.1

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

So the next font related item we’re going to talk about using on a Thesis 2 website is FontAwesome. FontAwesome is essentially a set of icon fonts. I don’t actually remember how many there are. It’s something like 400 different icons that you can use for various things. In this case, we’re going to use

Customize Thesis Skins Using Custom Fonts

Difficulty Level -

Filed Under Topics - , , , , ,

Listed Under Lesson Subjects -

Applies to -

Thesis 2.1 makes it very easy for web designers to incorporate custom fonts in their designs. In this lesson we will look at the various CSS rules that govern the appearance of fonts and then discuss methods of using custom web fonts. There are several ways to insert custom web fonts into your design. You