Update font-family variables.

[mathewjordan]

What does this do?

This updates any types using Campton to now use Poppins. As part of this the variables have been renamed accordingly, and replaced across sass files.

Variables renamed:

arch/app/assets/stylesheets/nuwebcomm/base/_variables.scss

Lines 65 to 68 in 9641637

	$PoppinsLight: "Poppins Light", Tahoma, sans-serif;
	$PoppinsBold: "Poppins Bold", Impact, sans-serif;
	$PoppinsExtraBold: "Poppins Extra Bold", Impact, sans-serif;
	$PoppinsExtraLight: "Poppins Extra Light", "Courier New", sans-serif;

Font imports updated:

arch/app/assets/stylesheets/nuwebcomm/overrides/_typography.scss

Lines 409 to 435 in 9641637

	@font-face {
	font-family: "Poppins Light";
	src: url("#{$path-fonts}/Poppins-Light.woff") format("woff");
	font-weight: 300;
	font-style: normal;
	}
	@font-face {
	font-family: "Poppins Bold";
	src: url("#{$path-fonts}/Poppins-Bold.woff") format("woff");
	font-weight: 700;
	font-style: normal;
	}
	@font-face {
	font-family: "Poppins Extra Bold";
	src: url("#{$path-fonts}/Poppins-ExtraBold.woff") format("woff");
	font-weight: 800;
	font-style: normal;
	}
	@font-face {
	font-family: "Poppins Extra Light";
	src: url("#{$path-fonts}/Poppins-ExtraLight.woff") format("woff");
	font-weight: 100;
	font-style: normal;
	}

Styling updates for font:

arch/app/assets/stylesheets/nuwebcomm/base/_typography.scss

Lines 4 to 23 in 9641637

	h2 {
	font: 46px/1.2em $PoppinsExtraLight;
	color: $nu-purple;
	margin-bottom: 1rem;
	}
	h3 {
	font: 30px/1.2em $PoppinsBold;
	color: $nu-purple;
	margin-bottom: 0.5rem;
	&.demo {
	// used only for boilerplate.html (not for production!)
	font: 26px/1.2em $PoppinsBold;
	background: $nu-purple-120;
	color: $white;
	padding: 1rem;
	display: inline-block;
	}
	}