You can use default system fonts or web fonts in CSS. Get an overview of the methods you can use to incorporate web fonts and the syntax for working with fonts.
- If you're a designer, you know that typography…is incredibly important to a design and the message…that's trying to be communicated, so it's no surprise…that when learning CSS, a lot of designers start with fonts.…The CSS specification gives us all sorts of controls…for working with fonts, but for this course,…I want to zero in on working with basic font properties,…specifically the four most common properties you'll see…when working with CSS.…First, we've got font family,…next, font weight, font style, and finally, font size.…
Let's take a look at each one in turn.…So here's font family, and what we've got here is…we're specifying the font for an element,…in this example the paragraph element,…Then we've got a prioritized list of fonts,…and we're also including a fallback font,…so in this example here, our first font that we want…would be Times New Roman.…Should that not be available, then we'll go to Times,…and finally, if Times wasn't available,…then we'll just fall back to whatever…the system's default serif is.…
- What is CSS?
- Understanding how CSS works with HTML
- Applying fonts
- Understanding the classic box model
- Setting margins and padding
- Positioning elements
- Basic CSS layout concepts
- Media types and media queries
- Working with CSS frameworks and CSS grids
- Creating responsive layouts
- Tools that help you write and maintain CSS
Skill Level Beginner
1. CSS Basics
2. CSS Specifications
3. Common CSS Concepts
4. CSS Layouts
5. Working with CSS
6. Responsive CSS
7. Going Further with CSS
- 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.