Using Visual Studio Code, do the following in your colors project…
- duplicate
chartreuse-06.html& rename it tochartreuse-07.html - duplicate
main-01.css& rename it tomain-02.css - create a folder named
fontsin yourcolorsproject
You’re going to improve chartreuse-07.html by choosing better fonts for the text on that page & embedding them in main-02.css.
- Pick a nice serif font for the header.
- Pick a nice sans-serif font for the body.
To embed those fonts, use the method outlined in Serving Google Fonts From Your Own Server, Correctly.
Be creative in your choice of fonts, but also make sure that the text is readable & attractive.