Build Your Own Business Website header image

Google Fonts

How Adobe TypeKit Fonts Work

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies to -

In this session we discuss how Adobe TypeKit fonts work. And we talk about how browsers use fonts to display text and rely on fonts that are resident on the computer. We also talk about web safe fonts which are the ones that a web designer can expect that every computer is going to have

Part 8 – Using Google Fonts in a Genesis Child Theme

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

As part of this seminar on Customizing Genesis Child Themes with custom fonts we’re going to begin talking about specific fonts. And we’re going to begin doing that with Google fonts. Google fonts are a whole lot easier than this process I just showed you for self hosting your own fonts. Let's come over to

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 8 – Using Google Fonts with Thesis 2.1

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

The first hosted font we’re going to look at for this lesson on Customizing Thesis 2 Skins with Custom Fonts is Google.Let’s come back over to the custom CSS. And for the site title, instead of font-family: ‘Aleo’, serif we’ll just say font-family: ‘Permanent Marker’, cursive and save it. Come back over and refresh it

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

How to Add and Use Google Fonts not Already Installed With Thesis

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects - ,

This member asks how to use the Google fonts from the Google Font Library in his Thesis based WordPress Website. We look at the fonts available and I demonstrate how to get the code that installs the font and where to place it. Then we change the font for the site title and then look

Using Fonts on Your Site that are not Included with Thesis

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects - ,

A member asked how to use fonts other than those offered in Thesis. We get a brief introduction to font use online.  We start by discussing “Web Safe” fonts.  From there we talk about the Google Font Repository and Cufon Fonts.  Discussed in this video are: Fonts that are available in Thesis Google’s new fonts