chemiker/sciolism-2019-for-wordpress

View on GitHub
src/sass/fonts.scss

Summary

Maintainability
Test Coverage
/*! npm-font-open-sans | Apache 2.0 License | https://github.com/dasrick/npm-font-open-sans */
$FontPathOpenSans: "./fonts" !default;

@font-face {
  font-display: swap;
    font-family: 'Open Sans';
  font-weight: 300;
  font-style: normal;
  src: url('./fonts/opensans/Light/OpenSans-Light.eot');
  src: url('./fonts/opensans/Light/OpenSans-Light.eot?#iefix') format('embedded-opentype'),
       url('./fonts/opensans/Light/OpenSans-Light.woff2') format('woff2'),
       url('./fonts/opensans/Light/OpenSans-Light.woff') format('woff'),
       url('./fonts/opensans/Light/OpenSans-Light.ttf') format('truetype'),
       url('./fonts/opensans/Light/OpenSans-Light.svg#OpenSansLight') format('svg');
}

@font-face {
  font-display: swap;
    font-family: 'Open Sans';
  font-weight: 300;
  font-style: italic;
  src: url('./fonts/opensans/LightItalic/OpenSans-LightItalic.eot');
  src: url('./fonts/opensans/LightItalic/OpenSans-LightItalic.eot?#iefix') format('embedded-opentype'),
       url('./fonts/opensans/LightItalic/OpenSans-LightItalic.woff2') format('woff2'),
       url('./fonts/opensans/LightItalic/OpenSans-LightItalic.woff') format('woff'),
       url('./fonts/opensans/LightItalic/OpenSans-LightItalic.ttf') format('truetype'),
       url('./fonts/opensans/LightItalic/OpenSans-LightItalic.svg#OpenSansLightItalic') format('svg');
}

@font-face {
  font-display: swap;
    font-family: 'Open Sans';
  font-weight: normal;
  font-style: normal;
  src: url('./fonts/opensans/Regular/OpenSans-Regular.eot');
  src: url('./fonts/opensans/Regular/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
       url('./fonts/opensans/Regular/OpenSans-Regular.woff2') format('woff2'),
       url('./fonts/opensans/Regular/OpenSans-Regular.woff') format('woff'),
       url('./fonts/opensans/Regular/OpenSans-Regular.ttf') format('truetype'),
       url('./fonts/opensans/Regular/OpenSans-Regular.svg#OpenSansRegular') format('svg');
}

@font-face {
  font-display: swap;
    font-family: 'Open Sans';
  font-weight: normal;
  font-style: italic;
  src: url('./fonts/opensans/Italic/OpenSans-Italic.eot');
  src: url('./fonts/opensans/Italic/OpenSans-Italic.eot?#iefix') format('embedded-opentype'),
       url('./fonts/opensans/Italic/OpenSans-Italic.woff2') format('woff2'),
       url('./fonts/opensans/Italic/OpenSans-Italic.woff') format('woff'),
       url('./fonts/opensans/Italic/OpenSans-Italic.ttf') format('truetype'),
       url('./fonts/opensans/Italic/OpenSans-Italic.svg#OpenSansItalic') format('svg');
}

@font-face {
  font-display: swap;
    font-family: 'Open Sans';
  font-weight: 600;
  font-style: normal;
  src: url('./fonts/opensans/Semibold/OpenSans-Semibold.eot');
  src: url('./fonts/opensans/Semibold/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'),
       url('./fonts/opensans/Semibold/OpenSans-Semibold.woff2') format('woff2'),
       url('./fonts/opensans/Semibold/OpenSans-Semibold.woff') format('woff'),
       url('./fonts/opensans/Semibold/OpenSans-Semibold.ttf') format('truetype'),
       url('./fonts/opensans/Semibold/OpenSans-Semibold.svg#OpenSansSemibold') format('svg');
}

@font-face {
  font-display: swap;
    font-family: 'Open Sans';
  font-weight: 600;
  font-style: italic;
  src: url('./fonts/opensans/SemiboldItalic/OpenSans-SemiboldItalic.eot');
  src: url('./fonts/opensans/SemiboldItalic/OpenSans-SemiboldItalic.eot?#iefix') format('embedded-opentype'),
       url('./fonts/opensans/SemiboldItalic/OpenSans-SemiboldItalic.woff2') format('woff2'),
       url('./fonts/opensans/SemiboldItalic/OpenSans-SemiboldItalic.woff') format('woff'),
       url('./fonts/opensans/SemiboldItalic/OpenSans-SemiboldItalic.ttf') format('truetype'),
       url('./fonts/opensans/SemiboldItalic/OpenSans-SemiboldItalic.svg#OpenSansSemiboldItalic') format('svg');
}

@font-face {
  font-display: swap;
    font-family: 'Open Sans';
  font-weight: bold;
  font-style: normal;
  src: url('./fonts/opensans/Bold/OpenSans-Bold.eot');
  src: url('./fonts/opensans/Bold/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
       url('./fonts/opensans/Bold/OpenSans-Bold.woff2') format('woff2'),
       url('./fonts/opensans/Bold/OpenSans-Bold.woff') format('woff'),
       url('./fonts/opensans/Bold/OpenSans-Bold.ttf') format('truetype'),
       url('./fonts/opensans/Bold/OpenSans-Bold.svg#OpenSansBold') format('svg');
}

@font-face {
  font-display: swap;
    font-family: 'Open Sans';
  font-weight: bold;
  font-style: italic;
  src: url('./fonts/opensans/BoldItalic/OpenSans-BoldItalic.eot');
  src: url('./fonts/opensans/BoldItalic/OpenSans-BoldItalic.eot?#iefix') format('embedded-opentype'),
       url('./fonts/opensans/BoldItalic/OpenSans-BoldItalic.woff2') format('woff2'),
       url('./fonts/opensans/BoldItalic/OpenSans-BoldItalic.woff') format('woff'),
       url('./fonts/opensans/BoldItalic/OpenSans-BoldItalic.ttf') format('truetype'),
       url('./fonts/opensans/BoldItalic/OpenSans-BoldItalic.svg#OpenSansBoldItalic') format('svg');
}

@font-face {
  font-display: swap;
    font-family: 'Open Sans';
  font-weight: 800;
  font-style: normal;
  src: url('./fonts/opensans/ExtraBold/OpenSans-ExtraBold.eot');
  src: url('./fonts/opensans/ExtraBold/OpenSans-ExtraBold.eot?#iefix') format('embedded-opentype'),
       url('./fonts/opensans/ExtraBold/OpenSans-ExtraBold.woff2') format('woff2'),
       url('./fonts/opensans/ExtraBold/OpenSans-ExtraBold.woff') format('woff'),
       url('./fonts/opensans/ExtraBold/OpenSans-ExtraBold.ttf') format('truetype'),
       url('./fonts/opensans/ExtraBold/OpenSans-ExtraBold.svg#OpenSansExtrabold') format('svg');
}

@font-face {
  font-display: swap;
    font-family: 'Open Sans';
  font-weight: 800;
  font-style: italic;
  src: url('./fonts/opensans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.eot');
  src: url('./fonts/opensans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
       url('./fonts/opensans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.woff2') format('woff2'),
       url('./fonts/opensans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.woff') format('woff'),
       url('./fonts/opensans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.ttf') format('truetype'),
       url('./fonts/opensans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.svg#OpenSansExtraboldItalic') format('svg');
}

/*! roboto-slab_all | MIT License | Copyright (c) 2019 Jan Bednar */
/* roboto-slab-100normal - all */
@font-face {
  font-display: swap;
    font-family: 'Roboto Slab';
  font-style: normal;
  font-display: swap;
  font-weight: 100;
  src: 
    url('./fonts/roboto-slab/roboto-slab-all-100.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('./fonts/roboto-slab/roboto-slab-all-100.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-slab-200normal - all */
@font-face {
  font-display: swap;
    font-family: 'Roboto Slab';
  font-style: normal;
  font-display: swap;
  font-weight: 200;
  src: 
    url('./fonts/roboto-slab/roboto-slab-all-200.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('./fonts/roboto-slab/roboto-slab-all-200.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-slab-300normal - all */
@font-face {
  font-display: swap;
    font-family: 'Roboto Slab';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: 
    url('./fonts/roboto-slab/roboto-slab-all-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('./fonts/roboto-slab/roboto-slab-all-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-slab-400normal - all */
@font-face {
  font-display: swap;
    font-family: 'Roboto Slab';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: 
    url('./fonts/roboto-slab/roboto-slab-all-400.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('./fonts/roboto-slab/roboto-slab-all-400.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-slab-500normal - all */
@font-face {
  font-display: swap;
    font-family: 'Roboto Slab';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: 
    url('./fonts/roboto-slab/roboto-slab-all-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('./fonts/roboto-slab/roboto-slab-all-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-slab-600normal - all */
@font-face {
  font-display: swap;
    font-family: 'Roboto Slab';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: 
    url('./fonts/roboto-slab/roboto-slab-all-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('./fonts/roboto-slab/roboto-slab-all-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-slab-700normal - all */
@font-face {
  font-display: swap;
    font-family: 'Roboto Slab';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: 
    url('./fonts/roboto-slab/roboto-slab-all-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('./fonts/roboto-slab/roboto-slab-all-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-slab-800normal - all */
@font-face {
  font-display: swap;
    font-family: 'Roboto Slab';
  font-style: normal;
  font-display: swap;
  font-weight: 800;
  src: 
    url('./fonts/roboto-slab/roboto-slab-all-800.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('./fonts/roboto-slab/roboto-slab-all-800.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-slab-900normal - all */
@font-face {
  font-display: swap;
    font-family: 'Roboto Slab';
  font-style: normal;
  font-display: swap;
  font-weight: 900;
  src: 
    url('./fonts/roboto-slab/roboto-slab-all-900.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('./fonts/roboto-slab/roboto-slab-all-900.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/*!
 *  Hack typeface https://github.com/source-foundry/Hack
 *  License: https://github.com/source-foundry/Hack/blob/master/LICENSE.md
 */
/* FONT PATHS
 * -------------------------- */
@font-face {
  font-display: swap;
    font-family: 'Hack';
  src: url('./fonts/hack/hack-regular.woff2?sha=3114f1256') format('woff2'), url('./fonts/hack/hack-regular.woff?sha=3114f1256') format('woff');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-display: swap;
    font-family: 'Hack';
  src: url('./fonts/hack/hack-bold.woff2?sha=3114f1256') format('woff2'), url('./fonts/hack/hack-bold.woff?sha=3114f1256') format('woff');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-display: swap;
    font-family: 'Hack';
  src: url('./fonts/hack/hack-italic.woff2?sha=3114f1256') format('woff2'), url('./fonts/hack/hack-italic.woff?sha=3114f1256') format('woff');
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-display: swap;
    font-family: 'Hack';
  src: url('./fonts/hack/hack-bolditalic.woff2?sha=3114f1256') format('woff2'), url('./fonts/hack/hack-bolditalic.woff?sha=3114f1256') format('woff');
  font-weight: 700;
  font-style: italic;
}