Files
web/packages/design-system/lib/fonts.css
Linus Flood cd59102ef4 Merged in feat/svg-instead-of-fonts (pull request #3411)
feat(SW-3695): use svg icons instead of font icons

* feat(icons): use svg instead of font icons

* feat(icons): use webpack/svgr for inlined svgs. Now support for isFilled again

* Merge master

* Remove old font icon


Approved-by: Joakim Jäderberg
2026-01-09 13:14:09 +00:00

273 lines
6.6 KiB
CSS

@font-face {
font-display: swap;
font-family: "biro script plus";
font-style: normal;
font-weight: 400;
src: url(/_static/shared/fonts/biro-script-plus/regular.woff2) format("woff2");
}
@font-face {
font-display: swap;
font-family: "brandon text";
font-weight: 700;
src:
url(/_static/shared/fonts/brandon-text/bold.woff2) format("woff2"),
url(/_static/shared/fonts/brandon-text/bold.woff) format("woff");
}
@font-face {
font-display: swap;
font-family: "brandon text";
font-weight: 900;
src:
url(/_static/shared/fonts/brandon-text/black.woff2) format("woff2"),
url(/_static/shared/fonts/brandon-text/black.woff) format("woff");
}
@font-face {
font-display: swap;
font-family: "Domaine Sans Text";
font-style: normal;
font-weight: 300;
src:
url(/_static/shared/fonts/domaine/domainesanstextweb-light-webfont.woff2)
format("woff2"),
url(/_static/shared/fonts/domaine/domainesanstextweb-light-webfont.woff)
format("woff");
}
@font-face {
font-display: swap;
font-family: "Domaine Sans Text";
font-style: normal;
font-weight: 400;
src:
url(/_static/shared/fonts/domaine/domainesanstextweb-regular-webfont.woff2)
format("woff2"),
url(/_static/shared/fonts/domaine/domainesanstextweb-regular-webfont.woff)
format("woff");
}
@font-face {
font-display: swap;
font-family: "fira sans";
font-style: normal;
font-weight: 300;
src: url(/_static/shared/fonts/fira-sans/light.woff2) format("woff2");
}
@font-face {
font-display: swap;
font-family: "fira sans";
font-style: normal;
font-weight: 400;
src: url(/_static/shared/fonts/fira-sans/regular.woff2) format("woff2");
}
@font-face {
font-display: swap;
font-family: "fira sans";
font-style: normal;
font-weight: 500;
src: url(/_static/shared/fonts/fira-sans/medium.woff2) format("woff2");
}
@font-face {
font-display: swap;
font-family: "fira sans";
font-style: normal;
font-weight: 600;
src: url(/_static/shared/fonts/fira-sans/semibold.woff2) format("woff2");
}
@font-face {
font-display: swap;
font-family: "fira sans";
font-style: normal;
font-weight: 700;
src: url(/_static/shared/fonts/fira-sans/bold.woff2) format("woff2");
}
@font-face {
font-display: swap;
font-family: "fira sans";
font-style: normal;
font-weight: 900;
src: url(/_static/shared/fonts/fira-sans/black.woff2) format("woff2");
}
@font-face {
font-display: swap;
font-family: "ITC Garamond Std";
font-style: normal;
font-weight: 400;
src:
url(/_static/shared/fonts/itcgaramond/ITCGaramondBookNarrow_normal_condensed.woff2)
format("woff2"),
url(/_static/shared/fonts/itcgaramond/ITCGaramondBookNarrow_normal_condensed.woff)
format("woff");
}
@font-face {
font-display: swap;
font-family: Gotham;
font-style: normal;
font-weight: 900;
src:
url(/_static/shared/fonts/gotham/gotham-black-webfont.woff2) format("woff2"),
url(/_static/shared/fonts/gotham/gotham-black-webfont.woff) format("woff");
}
@font-face {
font-display: swap;
font-family: Gotham;
font-style: normal;
font-weight: 700;
src:
url(/_static/shared/fonts/gotham/gotham-bold-webfont.woff2) format("woff2"),
url(/_static/shared/fonts/gotham/gotham-bold-webfont.woff) format("woff");
}
@font-face {
font-display: swap;
font-family: "Neue Haas Grotesk Display Pro";
font-style: normal;
font-weight: 400;
src:
url(/_static/shared/fonts/grotesk/NeueHaasGroteskDisplay55Roman_normal_normal.woff2)
format("woff2"),
url(/_static/shared/fonts/grotesk/NeueHaasGroteskDisplay55Roman_normal_normal.woff)
format("woff");
}
@font-face {
font-display: swap;
font-family: "Neue Haas Grotesk Display Pro";
font-style: normal;
font-weight: 500;
src:
url(/_static/shared/fonts/grotesk/NeueHaasGroteskDisplay65Medium_normal_normal.woff2)
format("woff2"),
url(/_static/shared/fonts/grotesk/NeueHaasGroteskDisplay65Medium_normal_normal.woff)
format("woff");
}
@font-face {
font-display: swap;
font-family: "Prumo text";
font-style: normal;
font-weight: 300;
src:
url(/_static/shared/fonts/prumo/prumotext-light-webfont.woff2)
format("woff2"),
url(/_static/shared/fonts/prumo/PrumoText-Light.woff) format("woff");
}
@font-face {
font-display: swap;
font-family: "Canela Deck";
font-style: normal;
font-weight: 900;
src: url(/_static/shared/fonts/canela-deck/CanelaDeck-Black.otf)
format("opentype");
}
@font-face {
font-display: swap;
font-family: "Canela Deck";
font-style: italic;
font-weight: 900;
src: url(/_static/shared/fonts/canela-deck/CanelaDeck-BlackItalic.otf)
format("opentype");
}
@font-face {
font-display: swap;
font-family: "Canela Deck";
font-style: normal;
font-weight: 700;
src: url(/_static/shared/fonts/canela-deck/CanelaDeck-Bold.otf)
format("opentype");
}
@font-face {
font-display: swap;
font-family: "Canela Deck";
font-style: italic;
font-weight: 700;
src: url(/_static/shared/fonts/canela-deck/CanelaDeck-BoldItalic.otf)
format("opentype");
}
@font-face {
font-display: swap;
font-family: "Canela Deck";
font-style: normal;
font-weight: 300;
src: url(/_static/shared/fonts/canela-deck/CanelaDeck-Light.otf)
format("opentype");
}
@font-face {
font-display: swap;
font-family: "Canela Deck";
font-style: italic;
font-weight: 300;
src: url(/_static/shared/fonts/canela-deck/CanelaDeck-LightItalic.otf)
format("opentype");
}
@font-face {
font-display: swap;
font-family: "Canela Deck";
font-style: normal;
font-weight: 500;
src: url(/_static/shared/fonts/canela-deck/CanelaDeck-Medium.otf)
format("opentype");
}
@font-face {
font-display: swap;
font-family: "Canela Deck";
font-style: italic;
font-weight: 500;
src: url(/_static/shared/fonts/canela-deck/CanelaDeck-MediumItalic.otf)
format("opentype");
}
@font-face {
font-display: swap;
font-family: "Canela Deck";
font-style: normal;
font-weight: 400;
src: url(/_static/shared/fonts/canela-deck/CanelaDeck-Regular.otf)
format("opentype");
}
@font-face {
font-display: swap;
font-family: "Canela Deck";
font-style: italic;
font-weight: 400;
src: url(/_static/shared/fonts/canela-deck/CanelaDeck-RegularItalic.otf)
format("opentype");
}
@font-face {
font-display: swap;
font-family: "Canela Deck";
font-style: normal;
font-weight: 200;
src: url(/_static/shared/fonts/canela-deck/CanelaDeck-Thin.otf)
format("opentype");
}
@font-face {
font-display: swap;
font-family: "Canela Deck";
font-style: italic;
font-weight: 200;
src: url(/_static/shared/fonts/canela-deck/CanelaDeck-ThinItalic.otf)
format("opentype");
}