# Font Stacks

Create a private GitHub repo called stacks and set the main branch to be the github pages branch. Then clone the repo on to your local computer.

See the GitHub Setup Instructions for more help with creating the repo.

The point of this assignment is to create a webpage that uses two valid font stacks. Start with the attached HTML and CSS files on the 'Font Stacks' Brightspace assignment page. Download the files and add them to your cloned repo.

You need to make TWO valid font-stacks. One will be a serif font stack and the other will be a sans-serif font stack. Each font-stack must include:

1. A google web font
2. A fall-back font
3. A generic font

Your HTML or CSS file will need to import the two Google web fonts. A single import should be used for both files. No additional changes should be made to the HTML file other than the import of the web font, if you choose to do this through the HTML instead of the CSS.

Next you will need to add the font-stacks using the CSS font-family property to all elements on the webpage. All the headings need to use the serif font-stack. All other tags need to use the sans-serif font-stack.

As you make changes to your files, commit each change to your repo and push them to the GitHub repo master branch.

# Submission

• On the Assignment page in BS LMS, submit both the github.io URL and the github.com URL.
• You will need to test the page through GitHub Pages on GitHub.io to see if your CSS works.
• Be sure to invite your instructor to the repo, otherwise they will not be able to view and mark your repo.

Back to Assignment List