DESCRIPTION

Using the HTML and CSS developed during today$$s lesson, modify several aspects of the typography to come up with your own design.

INSTRUCTIONS

Attempt to complete the following challenges:

Change the font$-$family of all the page headings to another font that is also suitable for the subject matter. Try a web$-$font service like Google Fonts, or pick a web$-$safer font.

Choose some other font$-$family for the paragraph elements $$ one that is suitable for body copy $($good readability$)$ and that also includes some ligatures.

Change the measure $($line length$)$ and leading $($line$-$height$)$ of the paragraphs.

Adjust the margins and spacing around the page and between textual elements of the document in order to add a bit more white space.

There are several instances of duplicated font$-$family declarations $$ reduce the number of these duplications by using different types of CSS selectors $($like grouped or sibling selectors$).$

Try to get the page working without issues on a small screen width $($in portrait orientation$)$ you will need to adjust some of the typographic settings for the page$-$level header in particular.

Upload your modified content to blackboard in a $.$zip format.DESCRIPTION

Using the HTML and CSS developed during today$$s lesson, modify several aspects of the typography to come up with your own design.

INSTRUCTIONS

Attempt to complete the following challenges:

Change the font$-$family of all the page headings to another font that is also suitable for the subject matter. Try a web$-$font service like Google Fonts, or pick a web$-$safer font.

Choose some other font$-$family for the paragraph elements $$ one that is suitable for body copy $($good readability$)$ and that also includes some ligatures.

Change the measure $($line length$)$ and leading $($line$-$height$)$ of the paragraphs.

Adjust the margins and spacing around the page and between textual elements of the document in order to add a bit more white space.

There are several instances of duplicated font$-$family declarations $$ reduce the number of these duplications by using different types of CSS selectors $($like grouped or sibling selectors$).$

Try to get the page working without issues on a small screen width $($in portrait orientation$)$ you will need to adjust some of the typographic settings for the page$-$level header in particular.

Upload your modified content to blackboard in a $.$zip format.