/** * Aeonik web fonts — served from /static/fonts/aeonik/ * * In any template : * * * Then use: * font-family: "Aeonik", system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; */ @font-face { font-family: "Aeonik"; src: url("/static/fonts/aeonik/aeonik-air.woff2") format("woff2"), url("/static/fonts/aeonik/aeonik-air.woff") format("woff"); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: "Aeonik"; src: url("/static/fonts/aeonik/aeonik-airitalic.woff2") format("woff2"), url("/static/fonts/aeonik/aeonik-airitalic.woff") format("woff"); font-weight: 100; font-style: italic; font-display: swap; } @font-face { font-family: "Aeonik"; src: url("/static/fonts/aeonik/aeonik-thin.woff2") format("woff2"), url("/static/fonts/aeonik/aeonik-thin.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: "Aeonik"; src: url("/static/fonts/aeonik/aeonik-thinitalic.woff2") format("woff2"), url("/static/fonts/aeonik/aeonik-thinitalic.woff") format("woff"); font-weight: 200; font-style: italic; font-display: swap; } @font-face { font-family: "Aeonik"; src: url("/static/fonts/aeonik/aeonik-light.woff2") format("woff2"), url("/static/fonts/aeonik/aeonik-light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: "Aeonik"; src: url("/static/fonts/aeonik/aeonik-lightitalic.woff2") format("woff2"), url("/static/fonts/aeonik/aeonik-lightitalic.woff") format("woff"); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: "Aeonik"; src: url("/static/fonts/aeonik/aeonik-regular.woff2") format("woff2"), url("/static/fonts/aeonik/aeonik-regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "Aeonik"; src: url("/static/fonts/aeonik/aeonik-regularitalic.woff2") format("woff2"), url("/static/fonts/aeonik/aeonik-regularitalic.woff") format("woff"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: "Aeonik"; src: url("/static/fonts/aeonik/aeonik-medium.woff2") format("woff2"), url("/static/fonts/aeonik/aeonik-medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "Aeonik"; src: url("/static/fonts/aeonik/aeonik-mediumitalic.woff2") format("woff2"), url("/static/fonts/aeonik/aeonik-mediumitalic.woff") format("woff"); font-weight: 500; font-style: italic; font-display: swap; } @font-face { font-family: "Aeonik"; src: url("/static/fonts/aeonik/aeonik-semibold.woff2") format("woff2"), url("/static/fonts/aeonik/aeonik-semibold.woff") format("woff"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: "Aeonik"; src: url("/static/fonts/aeonik/aeonik-semibolditalic.woff2") format("woff2"), url("/static/fonts/aeonik/aeonik-semibolditalic.woff") format("woff"); font-weight: 600; font-style: italic; font-display: swap; } @font-face { font-family: "Aeonik"; src: url("/static/fonts/aeonik/aeonik-bold.woff2") format("woff2"), url("/static/fonts/aeonik/aeonik-bold.woff") format("woff"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: "Aeonik"; src: url("/static/fonts/aeonik/aeonik-bolditalic.woff2") format("woff2"), url("/static/fonts/aeonik/aeonik-bolditalic.woff") format("woff"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: "Aeonik"; src: url("/static/fonts/aeonik/aeonik-black.woff2") format("woff2"), url("/static/fonts/aeonik/aeonik-black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: "Aeonik"; src: url("/static/fonts/aeonik/aeonik-blackitalic.woff2") format("woff2"), url("/static/fonts/aeonik/aeonik-blackitalic.woff") format("woff"); font-weight: 900; font-style: italic; font-display: swap; } /* Variable fonts (modern browsers; optional alternative to discrete weights above) */ @font-face { font-family: "Aeonik VF"; src: url("/static/fonts/aeonik/aeonikvf.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; } @font-face { font-family: "Aeonik VF"; src: url("/static/fonts/aeonik/aeonikvf-italic.woff2") format("woff2"); font-weight: 100 900; font-style: italic; font-display: swap; }