$vesperlibre-font-path: "/fonts/vesperlibre/" !default;


@font-face {
    font-family: 'Vesper Libre Regular';
    src: url("#{$vesperlibre-font-path}VesperLibre-Regular.ttf") format("truetype"),
         url('#{$vesperlibre-font-path}VesperLibre-Regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('#{$vesperlibre-font-path}VesperLibre-Regular.woff') format('woff'); /* Modern Browsers */
    font-weight: normal;
    font-style: normal;
}

.vesperlibre-regular {
  font-family: 'Vesper Libre Regular';
}


@font-face {
    font-family: 'Vesper Libre Bold';
    src: url("#{$vesperlibre-font-path}VesperLibre-Bold.ttf") format("truetype"),
         url('#{$vesperlibre-font-path}VesperLibre-Bold.woff2') format('woff2'), /* Super Modern Browsers */
         url('#{$vesperlibre-font-path}VesperLibre-Bold.woff') format('woff'); /* Modern Browsers */
    font-weight: normal;
    font-style: normal;
}

.vesperlibre-bold {
  font-family: 'Vesper Libre Bold';
}


@font-face {
    font-family: 'Vesper Libre Medium';
    src: url("#{$vesperlibre-font-path}VesperLibre-Medium.ttf") format("truetype"),
         url('#{$vesperlibre-font-path}VesperLibre-Medium.woff2') format('woff2'), /* Super Modern Browsers */
         url('#{$vesperlibre-font-path}VesperLibre-Medium.woff') format('woff'); /* Modern Browsers */
    font-weight: normal;
    font-style: normal;
}

.vesperlibre-medium {
  font-family: 'Vesper Libre Medium';
}


@font-face {
    font-family: 'Vesper Libre Heavy';
    src: url("#{$vesperlibre-font-path}VesperLibre-Heavy.ttf") format("truetype"),
         url('#{$vesperlibre-font-path}VesperLibre-Heavy.woff2') format('woff2'), /* Super Modern Browsers */
         url('#{$vesperlibre-font-path}VesperLibre-Heavy.woff') format('woff'); /* Modern Browsers */
    font-weight: normal;
    font-style: normal;
}

.vesperlibre-heavy {
  font-family: 'Vesper Libre Heavy';
}
