The Front-End Web Developer Bootcamp - HTML, CSS, JS, and React - Font Family

The video tutorial explains how to use font families in web design. It covers three main methods: importing fonts from Google, downloading fonts, and using default browser fonts. The tutorial demonstrates how to apply these fonts using VS Code, check font styles in a browser, and troubleshoot common issues. It also shows how to use Google Fonts by linking or importing them and how to download fonts for local use.

What are the three main methods of using fonts discussed in the video?

• Creating custom fonts

• Using only default browser fonts

• Using fonts from Microsoft Word

• Importing from Google, downloading, and using default browser fonts

Which HTML tag is used to apply a font family to a paragraph in VS Code?

How can you check the font family of text in a browser?

• By right-clicking and selecting 'View Source'

• By using the browser's search function

• By clicking on F-12 and hovering over the text

• By refreshing the page

What is the purpose of the universal selector in CSS?

• To apply styles to only header elements

• To apply styles to only paragraph elements

• To apply styles to all elements on a webpage

• To apply styles to a single element

What is the difference between using a link and import for Google Fonts?

• Both are used in the head tag

• Link is used in the head tag, import is used in the style sheet

• Import is used in the head tag, link is used in the style sheet

• Both are used in the style sheet

What should you remember when downloading fonts from Google Fonts?

• Never use downloaded fonts

• Always use the import method

• Keep downloads close to the index file

• Keep downloads in a separate folder

What happens if you remove the font face from the style sheet after downloading the font?

• The font will stop working

• The font will still work

• The font will change to default

• The font will become italic