[codepen_embed height=”500” theme_id=”0” slug_hash=”WZYWJj” default_tab=”css,result” user=”ndangelo”]See the Pen Fonts & Pairing by Nicholas D’Angelo (@ndangelo) on CodePen.[/codepen_embed]
[codepen_embed height=”500” theme_id=”0” slug_hash=”kkGNEv” default_tab=”html,result” user=”jackharner”]See the Pen Google Fonts Pairing by Jack Harner (@jackharner) on CodePen.[/codepen_embed]
[codepen_embed height=”500” theme_id=”0” slug_hash=”LzqXEN” default_tab=”css,result” user=”ndangelo”]See the Pen Typography of newyorker.com by Nicholas D’Angelo (@ndangelo) on CodePen.[/codepen_embed]
[codepen_embed height=”500” theme_id=”0” slug_hash=”MEZPYX” default_tab=”html,result” user=”ndangelo”]See the Pen Google Font Example by Nicholas D’Angelo (@ndangelo) on CodePen.[/codepen_embed]
[codepen_embed height=”265” theme_id=”0” slug_hash=”wrRYBJ” default_tab=”css,result” user=”ndangelo”]See the Pen CSS Text animation by Nicholas D’Angelo (@ndangelo) on CodePen.[/codepen_embed]
[codepen_embed height=”265” theme_id=”0” slug_hash=”LzMgYK” default_tab=”html,result” user=”ndangelo”]See the Pen Pure CSS Text Preview (onClick show complete content) by Nicholas D’Angelo (@ndangelo) on CodePen.[/codepen_embed]
[codepen_embed height=”265” theme_id=”0” slug_hash=”GMPYgZ” default_tab=”css,result” user=”ndangelo”]See the Pen CSS text gradient color by Nicholas D’Angelo (@ndangelo) on CodePen.[/codepen_embed]
https://nuggetofjoy.com/the-beginners-guide-to-font-pairing
The following are student examples of font pairing exercises:
[codepen_embed height=”265” theme_id=”0” slug_hash=”wvvJjwE” default_tab=”html,result” user=”ndangelo”]See the Pen Understanding CSS Grid Systems by Nicholas D’Angelo (@ndangelo) on CodePen.[/codepen_embed]