Generated by SassMeister.com.

SassMeister-input-HTML.html

<div class="container-fluid">

  <div class="page-header">
    <h1 class="fw-300">Lord of the lady dancers</h1>
  </div>
  
  <div class="page-header">
    <h1 class="fw-300">Lord of the lady dancers</h1>
  </div>
  
  <div class="page-header">
    <h1 class="fw-300">Lord of the lady dancers</h1>
  </div>

</div>

SassMeister-input.scss

// ----
// libsass (v3.2.5)
// ----

/* Location Vars */
$fonts-url : 'http://test.hondaproracing.com/wp-content/themes/hpr-default/public/fonts/';

/* Import Bookstrap */
@import "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css";

/* Compass Font Face Mixin */
@mixin font-face($name, $font-files, $eot: false, $weight: false, $style: false) {
  $iefont: unquote("#{$eot}?#iefix");
  @font-face {
    font-family: quote($name);
    @if $eot {
      src: font-url($eot);
      $font-files: font-url($iefont) unquote("format('embedded-opentype')"), $font-files;
    }
    src: $font-files;
    @if $weight {
      font-weight: $weight;
    }
    @if $style {
      font-style: $style;
    }
  }
}

/* Fonts.com Counter */
@import url("//hello.myfonts.net/count/306ff3");

@include font-face(
  /* ProximaNova-Light */
  'ProximaNova',
  font-files(
    '#{$fonts-url}webfonts/306FF3_14_0.woff2',
    '#{$fonts-url}webfonts/306FF3_14_0.woff',
    '#{$fonts-url}webfonts/306FF3_14_0.ttf'
  ),
  '#{$fonts-url}webfonts/webfonts/306FF3_14_0.eot',
  '100',
  'normal'
);

@include font-face(
  /* ProximaNova-Medium */
  'ProximaNova',
  font-files(
    '#{$fonts-url}webfonts/306FF3_1A_0.woff2',
    '#{$fonts-url}webfonts/306FF3_1A_0.woff',
    '#{$fonts-url}webfonts/306FF3_1A_0.ttf'
  ),
  '#{$fonts-url}webfonts/306FF3_1A_0.eot',
  '500',
  'normal'
);

@include font-face(
  /* ProximaNova-Bold */
  'ProximaNova',
  font-files(
    '#{$fonts-url}webfonts/306FF3_A_0.woff2',
    '#{$fonts-url}webfonts/306FF3_A_0.woff',
    '#{$fonts-url}webfonts/306FF3_A_0.ttf'
  ),
  '#{$fonts-url}webfonts/306FF3_A_0.eot',
  '700',
  'normal'
);

.fw-300 {
  font-family: ProximaNova;
  font-weight: 300;
}

.fw-500 {
  font-family: ProximaNova;
  font-weight: 500;
}

.fw-700 {
  font-family: ProximaNova;
  font-weight: 700;
}

SassMeister-output.css

@import "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css";@import url("//hello.myfonts.net/count/306ff3");@font-face{font-family:"ProximaNova";src:font-url("http://test.hondaproracing.com/wp-content/themes/hpr-default/public/fonts/webfonts/webfonts/306FF3_14_0.eot");src:font-url(http://test.hondaproracing.com/wp-content/themes/hpr-default/public/fonts/webfonts/webfonts/306FF3_14_0.eot?#iefix) format('embedded-opentype'),font-files("http://test.hondaproracing.com/wp-content/themes/hpr-default/public/fonts/webfonts/306FF3_14_0.woff2", "http://test.hondaproracing.com/wp-content/themes/hpr-default/public/fonts/webfonts/306FF3_14_0.woff", "http://test.hondaproracing.com/wp-content/themes/hpr-default/public/fonts/webfonts/306FF3_14_0.ttf");font-weight:"100";font-style:"normal"}@font-face{font-family:"ProximaNova";src:font-url("http://test.hondaproracing.com/wp-content/themes/hpr-default/public/fonts/webfonts/306FF3_1A_0.eot");src:font-url(http://test.hondaproracing.com/wp-content/themes/hpr-default/public/fonts/webfonts/306FF3_1A_0.eot?#iefix) format('embedded-opentype'),font-files("http://test.hondaproracing.com/wp-content/themes/hpr-default/public/fonts/webfonts/306FF3_1A_0.woff2", "http://test.hondaproracing.com/wp-content/themes/hpr-default/public/fonts/webfonts/306FF3_1A_0.woff", "http://test.hondaproracing.com/wp-content/themes/hpr-default/public/fonts/webfonts/306FF3_1A_0.ttf");font-weight:"500";font-style:"normal"}@font-face{font-family:"ProximaNova";src:font-url("http://test.hondaproracing.com/wp-content/themes/hpr-default/public/fonts/webfonts/306FF3_A_0.eot");src:font-url(http://test.hondaproracing.com/wp-content/themes/hpr-default/public/fonts/webfonts/306FF3_A_0.eot?#iefix) format('embedded-opentype'),font-files("http://test.hondaproracing.com/wp-content/themes/hpr-default/public/fonts/webfonts/306FF3_A_0.woff2", "http://test.hondaproracing.com/wp-content/themes/hpr-default/public/fonts/webfonts/306FF3_A_0.woff", "http://test.hondaproracing.com/wp-content/themes/hpr-default/public/fonts/webfonts/306FF3_A_0.ttf");font-weight:"700";font-style:"normal"}.fw-300{font-family:ProximaNova;font-weight:300}.fw-500{font-family:ProximaNova;font-weight:500}.fw-700{font-family:ProximaNova;font-weight:700}

SassMeister-rendered.html

<div class="container-fluid">

  <div class="page-header">
    <h1 class="fw-300">Lord of the lady dancers</h1>
  </div>
  
  <div class="page-header">
    <h1 class="fw-300">Lord of the lady dancers</h1>
  </div>
  
  <div class="page-header">
    <h1 class="fw-300">Lord of the lady dancers</h1>
  </div>

</div>