Files
laravel-stubs/src/resources/css/typography/font-faces.css
2023-03-27 10:19:09 -06:00

332 lines
8.0 KiB
CSS

/** +--------------------------------+ **/
/** | Sans fonts | **/
/** +--------------------------------+ **/
@font-face {
font-family: "BarlowCondensed";
font-weight: 400;
font-style: normal;
font-display: swap;
src: url("/fonts/BarlowCondensed/BarlowCondensed-Regular.woff2") format("woff2");
}
@font-face {
font-family: "BarlowCondensed";
font-weight: 400;
font-style: italic;
font-display: swap;
src: url("/fonts/BarlowCondensed/BarlowCondensed-Italic.woff2") format("woff2");
}
@font-face {
font-family: "BarlowCondensed";
font-weight: 500;
font-style: normal;
font-display: swap;
src: url("/fonts/BarlowCondensed/BarlowCondensed-Medium.woff2") format("woff2");
}
@font-face {
font-family: "BarlowCondensed";
font-weight: 500;
font-style: italic;
font-display: swap;
src: url("/fonts/BarlowCondensed/BarlowCondensed-MediumItalic.woff2") format("woff2");
}
@font-face {
font-family: "BarlowCondensed";
font-weight: 600;
font-style: normal;
font-display: swap;
src: url("/fonts/BarlowCondensed/BarlowCondensed-SemiBold.woff2") format("woff2");
}
@font-face {
font-family: "BarlowCondensed";
font-weight: 600;
font-style: italic;
font-display: swap;
src: url("/fonts/BarlowCondensed/BarlowCondensed-SemiBoldItalic.woff2") format("woff2");
}
@font-face {
font-family: "BarlowCondensed";
font-weight: 700;
font-style: normal;
font-display: swap;
src: url("/fonts/BarlowCondensed/BarlowCondensed-Bold.woff2") format("woff2");
}
@font-face {
font-family: "BarlowCondensed";
font-weight: 700;
font-style: italic;
font-display: swap;
src: url("/fonts/BarlowCondensed/BarlowCondensed-BoldItalic.woff2") format("woff2");
}
/*@font-face {
font-family: "Lato";
src: url('/fonts/Lato/Lato-Regular.woff2') format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Lato";
src: url('/fonts/Lato/Lato-Italic.woff2') format("woff2");
font-weight: 400;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Lato";
src: url('/fonts/Lato/Lato-Semibold.woff2') format("woff2");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Lato";
src: url('/fonts/Lato/Lato-SemiboldItalic.woff2') format("woff2");
font-weight: 600;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Lato";
src: url('/fonts/Lato/Lato-Bold.woff2') format("woff2");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Lato";
src: url('/fonts/Lato/Lato-BoldItalic.woff2') format("woff2");
font-weight: 700;
font-style: italic;
font-display: swap;
}*/
/** +--------------------------------+ **/
/** | Serif fonts | **/
/** +--------------------------------+ **/
@font-face {
font-family: "Montserrat";
font-weight: 400;
font-style: normal;
font-display: swap;
src: url("/fonts/Montserrat/Montserrat-Regular.woff2") format("woff2");
}
@font-face {
font-family: "Montserrat";
font-weight: 400;
font-style: italic;
font-display: swap;
src: url("/fonts/Montserrat/Montserrat-Italic.woff2") format("woff2");
}
@font-face {
font-family: "Montserrat";
font-weight: 500;
font-style: normal;
font-display: swap;
src: url("/fonts/Montserrat/Montserrat-Medium.woff2") format("woff2");
}
@font-face {
font-family: "Montserrat";
font-weight: 500;
font-style: italic;
font-display: swap;
src: url("/fonts/Montserrat/Montserrat-MediumItalic.woff2") format("woff2");
}
@font-face {
font-family: "Montserrat";
font-weight: 600;
font-style: normal;
font-display: swap;
src: url("/fonts/Montserrat/Montserrat-SemiBold.woff2") format("woff2");
}
@font-face {
font-family: "Montserrat";
font-weight: 600;
font-style: italic;
font-display: swap;
src: url("/fonts/Montserrat/Montserrat-SemiBoldItalic.woff2") format("woff2");
}
@font-face {
font-family: "Montserrat";
font-weight: 700;
font-style: normal;
font-display: swap;
src: url("/fonts/Montserrat/Montserrat-Bold.woff2") format("woff2");
}
@font-face {
font-family: "Montserrat";
font-weight: 700;
font-style: italic;
font-display: swap;
src: url("/fonts/Montserrat/Montserrat-BoldItalic.woff2") format("woff2");
}
/*@font-face {
font-family: "Nunito";
src: url('/fonts/Nunito/Nunito-Regular.woff2') format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Nunito";
src: url('/fonts/Nunito/Nunito-Italic.woff2') format("woff2");
font-weight: 400;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Nunito";
src: url('/fonts/Nunito/Nunito-SemiBold.woff2') format("woff2");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Nunito";
src: url('/fonts/Nunito/Nunito-SemiBoldItalic.woff2') format("woff2");
font-weight: 600;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Nunito";
src: url('/fonts/Nunito/Nunito-Bold.woff2') format("woff2");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Nunito";
src: url('/fonts/Nunito/Nunito-BoldItalic.woff2') format("woff2");
font-weight: 700;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Raleway";
src: url('/fonts/Raleway/Raleway-VariableFont_wght.woff2') format("woff2-variations");
font-weight: 125 950;
font-stretch: 75% 125%;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Raleway";
src: url('/fonts/Raleway/Raleway-Italic-VariableFont_wght.woff2') format("woff2-variations");
font-weight: 125 950;
font-stretch: 75% 125%;
font-style: italic;
font-display: swap;
}*/
/*@font-face {
font-family: "Raleway";
src: url('/fonts/Raleway/Raleway-Regular.woff2') format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Raleway";
src: url('/fonts/Raleway/Raleway-Italic.woff2') format("woff2");
font-weight: 400;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Raleway";
src: url('/fonts/Raleway/Raleway-SemiBold.woff2') format("woff2");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Raleway";
src: url('/fonts/Raleway/Raleway-SemiBoldItalic.woff2') format("woff2");
font-weight: 600;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Raleway";
src: url('/fonts/Raleway/Raleway-Bold.woff2') format("woff2");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Raleway";
src: url('/fonts/Raleway/Raleway-BoldItalic.woff2') format("woff2");
font-weight: 700;
font-style: italic;
font-display: swap;
}*/
/** +--------------------------------+ **/
/** | Monospace fonts | **/
/** +--------------------------------+ **/
@font-face {
font-family: "Roboto Mono";
src: url('/fonts/RobotoMono/RobotoMono-VariableFont_wght.woff2') format("woff2-variations");
font-weight: 125 950;
font-stretch: 75% 125%;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Roboto Mono";
src: url('/fonts/RobotoMono/RobotoMono-Italic-VariableFont_wght.woff2') format("woff2-variations");
font-weight: 125 950;
font-stretch: 75% 125%;
font-style: italic;
font-display: swap;
}
/** +--------------------------------+ **/
/** | Display fonts | **/
/** +--------------------------------+ **/
@font-face {
font-family: "PoiretOne";
src: url('/fonts/PoiretOne/PoiretOne-Regular.woff2') format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}