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
fonts
in yourcolors
project
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.