The previous videos looked at different ways to customize text with CSS. See how to apply those techniques to your projects.
- [Instructor] In the last exercise we used Google Fonts.…Let's go back and take a look at the options…for selecting different typefaces and font weights.…After you've selected your font choices…open the drawer and go to this Customize tab.…Here we'll see options for different font weights.…For my selection Caveat only has regular and bold…and Open Sans has many more options.…You can choose as many as you'd like…but the more you choose,…the more resources your page has to load.…
So only add what you need.…I'll stick with just regular for Caveat…and I'll add bold for Open Sans.…When you select multiple weights…it will be added to the embed code.…So let's go back over to the Embed tab.…Let's go ahead and copy the new embed code.…You can see right at the end…that my font weights have been added.…Back in the HTML page let's update this.…
Now, let's make a small change to the font weights.…For the h1 and h2 headings…I'm using my decorative font, Caveat.…Personally, I like the regular typeface better for this font…so I'm going to remove…
- Creating a CSS file
- Writing basic selectors
- Setting properties
- Using different typefaces and web-safe fonts
- Understanding cascading and inheritance
- Setting a font family, font size, text color, and more
- Understanding the box model
- Using the float property
Skill Level Beginner
1. Getting Started
2. CSS Core
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.