Generated by SassMeister.com.

SassMeister-input-HTML.haml

%p USC Women Leadership Board

SassMeister-input.scss

// ----
// Sass (v3.3.0)
// Compass (v1.0.0.alpha.18)
// ----

@font-face { 
	font-family: 'National'; src: url('//www.usc.edu/assets/fonts/NationalWeb-Regular.eot'); src: local(':)'), url('//www.usc.edu/assets/fonts/NationalWeb-Regular.woff') format('woff'), url('//www.usc.edu/assets/fonts/NationalWeb-Regular.ttf') format('truetype'), url('//www.usc.edu/assets/fonts/NationalWeb-Regular.svg') format('svg'); 
	font-weight: 500; 
	font-style: normal; 
}
@font-face { 
	font-family: 'National'; src: url('//www.usc.edu/assets/fonts/NationalWeb-Light.eot'); src: local(':)'), url('//www.usc.edu/assets/fonts/NationalWeb-Light.woff') format('woff'), url('//www.usc.edu/assets/fonts/NationalWeb-Light.ttf') format('truetype'), url('//www.usc.edu/assets/fonts/NationalWeb-Light.svg') format('svg'); 
	font-weight: 200; 
	font-style: normal; 
}


p {
  font-family: "National";
  font-weight: 200;
  font-size: 4em;
  color: darken(skyblue, 30%);
}

SassMeister-output.css

@font-face {
  font-family: 'National';
  src: url("//www.usc.edu/assets/fonts/NationalWeb-Regular.eot");
  src: local(":)"), url("//www.usc.edu/assets/fonts/NationalWeb-Regular.woff") format("woff"), url("//www.usc.edu/assets/fonts/NationalWeb-Regular.ttf") format("truetype"), url("//www.usc.edu/assets/fonts/NationalWeb-Regular.svg") format("svg");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'National';
  src: url("//www.usc.edu/assets/fonts/NationalWeb-Light.eot");
  src: local(":)"), url("//www.usc.edu/assets/fonts/NationalWeb-Light.woff") format("woff"), url("//www.usc.edu/assets/fonts/NationalWeb-Light.ttf") format("truetype"), url("//www.usc.edu/assets/fonts/NationalWeb-Light.svg") format("svg");
  font-weight: 200;
  font-style: normal;
}
p {
  font-family: "National";
  font-weight: 200;
  font-size: 4em;
  color: #1f8dba;
}

SassMeister-rendered.html

<p>USC Women Leadership Board</p>