mirror of
https://github.com/McShelby/hugo-theme-relearn.git
synced 2025-01-18 19:00:24 +00:00
0505b36141
implements the first part, working for configured variants; for that, loading of stylesheets was overhauled by now merging all configured variants into one big stylesheet for each output format and loading this instead of one stylesheet per configured variant; previously @media print styles were applied on top of @media screen styles; this is now strictly isolated, which doesn't require styles like neon to revert styles for print anymore; this change was also used to implement the minify parameter, to shrink those generated stylesheets, making them shrink to 66% of their unminified size for the exampleSite; the theme switcher functionality is now completely independend of variant.js; the switch is now handled by in-page javascript which avoids waiting for external scripts to load, so switching can happen as early as possible; switching of themes is now implemented by just setting a data attribute to the html element, were previously a complex mechanism of dynamically loading of variant CSS files was implemented; the call for variant.js was removed in this changeset, making the generator broken and useless; this will be fixed with the next patch;
73 lines
2.7 KiB
CSS
73 lines
2.7 KiB
CSS
/* Roboto Flex
|
|
/* Variant 1: Every glyph, every axis, one big file */
|
|
/* - Download TTF font from https://github.com/googlefonts/Roboto-flex */
|
|
/* - Convert TTF to WOFF2 using any converter tool */
|
|
/*
|
|
@font-face {
|
|
font-family: 'Roboto Flex';
|
|
font-style: normal;
|
|
font-weight: 100 1000;
|
|
font-stretch: 100%;
|
|
font-display: swap;
|
|
src: url("../webfonts/RobotoFlex.woff2") format('woff2-variations');
|
|
}
|
|
*/
|
|
|
|
/* Variant 2: Splitted glyphs, selected axes, multiple moderatly sized files */
|
|
/* - Download CSS with selected axes https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wdth,wght,GRAD,YTFI@8..144,118,100..1000,-200..150,710&display=swap
|
|
/* - Downlaod fonts of src attributes of resulting CSS and edit file names accordingly */
|
|
|
|
@font-face {
|
|
font-family: 'Roboto Flex';
|
|
font-style: normal;
|
|
font-weight: 100 1000;
|
|
font-stretch: 100%;
|
|
font-display: swap;
|
|
src: url('../webfonts/RobotoFlex.cyrillic-ext.woff2') format('woff2-variations');
|
|
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
|
|
}
|
|
@font-face {
|
|
font-family: 'Roboto Flex';
|
|
font-style: normal;
|
|
font-weight: 100 1000;
|
|
font-stretch: 100%;
|
|
font-display: swap;
|
|
src: url('../webfonts/RobotoFlex.cyrillic.woff2') format('woff2-variations');
|
|
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
|
|
}
|
|
@font-face {
|
|
font-family: 'Roboto Flex';
|
|
font-style: normal;
|
|
font-weight: 100 1000;
|
|
font-stretch: 100%;
|
|
font-display: swap;
|
|
src: url('../webfonts/RobotoFlex.greek.woff2') format('woff2-variations');
|
|
unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
|
|
}
|
|
@font-face {
|
|
font-family: 'Roboto Flex';
|
|
font-style: normal;
|
|
font-weight: 100 1000;
|
|
font-stretch: 100%;
|
|
font-display: swap;
|
|
src: url('../webfonts/RobotoFlex.vietnamese.woff2') format('woff2-variations');
|
|
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
|
|
}
|
|
@font-face {
|
|
font-family: 'Roboto Flex';
|
|
font-style: normal;
|
|
font-weight: 100 1000;
|
|
font-stretch: 100%;
|
|
font-display: swap;
|
|
src: url('../webfonts/RobotoFlex.latin-ext.woff2') format('woff2-variations');
|
|
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
|
}
|
|
@font-face {
|
|
font-family: 'Roboto Flex';
|
|
font-style: normal;
|
|
font-weight: 100 1000;
|
|
font-stretch: 100%;
|
|
font-display: swap;
|
|
src: url('../webfonts/RobotoFlex.latin.woff2') format('woff2-variations');
|
|
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
|
}
|