brian/laravel-stubs
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

tweaking font faces

Browse Source
This commit is contained in:
Brian
2022-07-29 13:47:50 -06:00
parent 74215ba317
commit 2c254b1a3e
1 changed files with 80 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

94
src/resources/css/typography/font-faces.css
View File

@@ -3,48 +3,48 @@
/** +--------------------------------+ **/ /** +--------------------------------+ **/
@font-face { @font-face {
font-family: "OpenSans"; font-family: "Lato";
src: url('/fonts/OpenSans/OpenSans-Regular.woff2') format("woff2"); src: url('/fonts/Lato/Lato-Regular.woff2') format("woff2");
font-weight: 400; font-weight: 400;
font-style: normal; font-style: normal;
font-display: swap; font-display: swap;
} }
@font-face { @font-face {
font-family: "OpenSans"; font-family: "Lato";
src: url('/fonts/OpenSans/OpenSans-Italic.woff2') format("woff2"); src: url('/fonts/Lato/Lato-Italic.woff2') format("woff2");
font-weight: 400; font-weight: 400;
font-style: italic; font-style: italic;
font-display: swap; font-display: swap;
} }
@font-face { @font-face {
font-family: "OpenSans"; font-family: "Lato";
src: url('/fonts/OpenSans/OpenSans-SemiBold.woff2') format("woff2"); src: url('/fonts/Lato/Lato-Semibold.woff2') format("woff2");
font-weight: 600; font-weight: 600;
font-style: normal; font-style: normal;
font-display: swap; font-display: swap;
} }
@font-face { @font-face {
font-family: "OpenSans"; font-family: "Lato";
src: url('/fonts/OpenSans/OpenSans-SemiBoldItalic.woff2') format("woff2"); src: url('/fonts/Lato/Lato-SemiboldItalic.woff2') format("woff2");
font-weight: 600; font-weight: 600;
font-style: italic; font-style: italic;
font-display: swap; font-display: swap;
} }
@font-face { @font-face {
font-family: "OpenSans"; font-family: "Lato";
src: url('/fonts/OpenSans/OpenSans-Bold.woff2') format("woff2"); src: url('/fonts/Lato/Lato-Bold.woff2') format("woff2");
font-weight: 700; font-weight: 700;
font-style: normal; font-style: normal;
font-display: swap; font-display: swap;
} }
@font-face { @font-face {
font-family: "OpenSans"; font-family: "Lato";
src: url('/fonts/OpenSans/OpenSans-BoldItalic.woff2') format("woff2"); src: url('/fonts/Lato/Lato-BoldItalic.woff2') format("woff2");
font-weight: 700; font-weight: 700;
font-style: italic; font-style: italic;
font-display: swap; font-display: swap;
@@ -102,12 +102,78 @@
font-display: swap; 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 | **/ /** | Monospace fonts | **/
/** +--------------------------------+ **/ /** +--------------------------------+ **/
@font-face { @font-face {
font-family: "RobotoMono"; font-family: "Roboto Mono";
src: url('/fonts/RobotoMono/RobotoMono-VariableFont_wght.woff2') format("woff2-variations"); src: url('/fonts/RobotoMono/RobotoMono-VariableFont_wght.woff2') format("woff2-variations");
font-weight: 125 950; font-weight: 125 950;
font-stretch: 75% 125%; font-stretch: 75% 125%;
@@ -116,7 +182,7 @@
} }
@font-face { @font-face {
font-family: "RobotoMono"; font-family: "Roboto Mono";
src: url('/fonts/RobotoMono/RobotoMono-Italic-VariableFont_wght.woff2') format("woff2-variations"); src: url('/fonts/RobotoMono/RobotoMono-Italic-VariableFont_wght.woff2') format("woff2-variations");
font-weight: 125 950; font-weight: 125 950;
font-stretch: 75% 125%; font-stretch: 75% 125%;