···11-# intergrav/fonts
11+# fonts
2233[](https://www.npmjs.com/package/@intergrav/fonts) [](https://cdn.jsdelivr.net/npm/@intergrav/fonts/) [](https://tangled.org/devins.page/fonts)
44···3535Alternatively, you can link the font CSS file directly in the `<head>` section of your HTML file:
36363737```html
3838-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@intergrav/fonts@1/serve/inter.min.css">
3838+<link
3939+ rel="stylesheet"
4040+ href="https://cdn.jsdelivr.net/npm/@intergrav/fonts@1/serve/inter.min.css"
4141+/>
3942```
40434144### Set a font
···11@font-face {
22 font-family: "Fira Sans Condensed";
33- src: local("Fira Sans Condensed Bold"), local("FiraSansCondensed-Bold"),
33+ src:
44+ local("Fira Sans Condensed Bold"),
55+ local("FiraSansCondensed-Bold"),
46 url("src/fira-sans-condensed/FiraSansCondensed-Bold.woff2") format("woff2"),
57 url("src/fira-sans-condensed/FiraSansCondensed-Bold.woff") format("woff");
68 font-weight: bold;
···10121113@font-face {
1214 font-family: "Fira Sans Condensed";
1313- src: local("Fira Sans Condensed Black"), local("FiraSansCondensed-Black"),
1515+ src:
1616+ local("Fira Sans Condensed Black"),
1717+ local("FiraSansCondensed-Black"),
1418 url("src/fira-sans-condensed/FiraSansCondensed-Black.woff2") format("woff2"),
1519 url("src/fira-sans-condensed/FiraSansCondensed-Black.woff") format("woff");
1620 font-weight: 900;
···20242125@font-face {
2226 font-family: "Fira Sans Condensed";
2323- src: local("Fira Sans Condensed Black Italic"),
2727+ src:
2828+ local("Fira Sans Condensed Black Italic"),
2429 local("FiraSansCondensed-BlackItalic"),
2530 url("src/fira-sans-condensed/FiraSansCondensed-BlackItalic.woff2")
2631 format("woff2"),
···33383439@font-face {
3540 font-family: "Fira Sans Condensed";
3636- src: local("Fira Sans Condensed Medium"), local("FiraSansCondensed-Medium"),
4141+ src:
4242+ local("Fira Sans Condensed Medium"),
4343+ local("FiraSansCondensed-Medium"),
3744 url("src/fira-sans-condensed/FiraSansCondensed-Medium.woff2")
3845 format("woff2"),
3946 url("src/fira-sans-condensed/FiraSansCondensed-Medium.woff") format("woff");
···44514552@font-face {
4653 font-family: "Fira Sans Condensed";
4747- src: local("Fira Sans Condensed ExtraBold Italic"),
5454+ src:
5555+ local("Fira Sans Condensed ExtraBold Italic"),
4856 local("FiraSansCondensed-ExtraBoldItalic"),
4957 url("src/fira-sans-condensed/FiraSansCondensed-ExtraBoldItalic.woff2")
5058 format("woff2"),
···57655866@font-face {
5967 font-family: "Fira Sans Condensed";
6060- src: local("Fira Sans Condensed Bold Italic"),
6868+ src:
6969+ local("Fira Sans Condensed Bold Italic"),
6170 local("FiraSansCondensed-BoldItalic"),
6271 url("src/fira-sans-condensed/FiraSansCondensed-BoldItalic.woff2")
6372 format("woff2"),
···70797180@font-face {
7281 font-family: "Fira Sans Condensed";
7373- src: local("Fira Sans Condensed ExtraBold"),
8282+ src:
8383+ local("Fira Sans Condensed ExtraBold"),
7484 local("FiraSansCondensed-ExtraBold"),
7585 url("src/fira-sans-condensed/FiraSansCondensed-ExtraBold.woff2")
7686 format("woff2"),
···83938494@font-face {
8595 font-family: "Fira Sans Condensed";
8686- src: local("Fira Sans Condensed Light Italic"),
9696+ src:
9797+ local("Fira Sans Condensed Light Italic"),
8798 local("FiraSansCondensed-LightItalic"),
8899 url("src/fira-sans-condensed/FiraSansCondensed-LightItalic.woff2")
89100 format("woff2"),
···9610797108@font-face {
98109 font-family: "Fira Sans Condensed";
9999- src: local("Fira Sans Condensed ExtraLight"),
110110+ src:
111111+ local("Fira Sans Condensed ExtraLight"),
100112 local("FiraSansCondensed-ExtraLight"),
101113 url("src/fira-sans-condensed/FiraSansCondensed-ExtraLight.woff2")
102114 format("woff2"),
···109121110122@font-face {
111123 font-family: "Fira Sans Condensed";
112112- src: local("Fira Sans Condensed Light"), local("FiraSansCondensed-Light"),
124124+ src:
125125+ local("Fira Sans Condensed Light"),
126126+ local("FiraSansCondensed-Light"),
113127 url("src/fira-sans-condensed/FiraSansCondensed-Light.woff2") format("woff2"),
114128 url("src/fira-sans-condensed/FiraSansCondensed-Light.woff") format("woff");
115129 font-weight: 300;
···119133120134@font-face {
121135 font-family: "Fira Sans Condensed";
122122- src: local("Fira Sans Condensed ExtraLight Italic"),
136136+ src:
137137+ local("Fira Sans Condensed ExtraLight Italic"),
123138 local("FiraSansCondensed-ExtraLightItalic"),
124139 url("src/fira-sans-condensed/FiraSansCondensed-ExtraLightItalic.woff2")
125140 format("woff2"),
···132147133148@font-face {
134149 font-family: "Fira Sans Condensed";
135135- src: local("Fira Sans Condensed Italic"), local("FiraSansCondensed-Italic"),
150150+ src:
151151+ local("Fira Sans Condensed Italic"),
152152+ local("FiraSansCondensed-Italic"),
136153 url("src/fira-sans-condensed/FiraSansCondensed-Italic.woff2")
137154 format("woff2"),
138155 url("src/fira-sans-condensed/FiraSansCondensed-Italic.woff") format("woff");
···143160144161@font-face {
145162 font-family: "Fira Sans Condensed";
146146- src: local("Fira Sans Condensed SemiBold Italic"),
163163+ src:
164164+ local("Fira Sans Condensed SemiBold Italic"),
147165 local("FiraSansCondensed-SemiBoldItalic"),
148166 url("src/fira-sans-condensed/FiraSansCondensed-SemiBoldItalic.woff2")
149167 format("woff2"),
···156174157175@font-face {
158176 font-family: "Fira Sans Condensed";
159159- src: local("Fira Sans Condensed Thin Italic"),
177177+ src:
178178+ local("Fira Sans Condensed Thin Italic"),
160179 local("FiraSansCondensed-ThinItalic"),
161180 url("src/fira-sans-condensed/FiraSansCondensed-ThinItalic.woff2")
162181 format("woff2"),
···169188170189@font-face {
171190 font-family: "Fira Sans Condensed";
172172- src: local("Fira Sans Condensed SemiBold"),
191191+ src:
192192+ local("Fira Sans Condensed SemiBold"),
173193 local("FiraSansCondensed-SemiBold"),
174194 url("src/fira-sans-condensed/FiraSansCondensed-SemiBold.woff2")
175195 format("woff2"),
···182202183203@font-face {
184204 font-family: "Fira Sans Condensed";
185185- src: local("Fira Sans Condensed Medium Italic"),
205205+ src:
206206+ local("Fira Sans Condensed Medium Italic"),
186207 local("FiraSansCondensed-MediumItalic"),
187208 url("src/fira-sans-condensed/FiraSansCondensed-MediumItalic.woff2")
188209 format("woff2"),
···195216196217@font-face {
197218 font-family: "Fira Sans Condensed";
198198- src: local("Fira Sans Condensed Regular"), local("FiraSansCondensed-Regular"),
219219+ src:
220220+ local("Fira Sans Condensed Regular"),
221221+ local("FiraSansCondensed-Regular"),
199222 url("src/fira-sans-condensed/FiraSansCondensed-Regular.woff2")
200223 format("woff2"),
201224 url("src/fira-sans-condensed/FiraSansCondensed-Regular.woff") format("woff");
···206229207230@font-face {
208231 font-family: "Fira Sans Condensed";
209209- src: local("Fira Sans Condensed Thin"), local("FiraSansCondensed-Thin"),
232232+ src:
233233+ local("Fira Sans Condensed Thin"),
234234+ local("FiraSansCondensed-Thin"),
210235 url("src/fira-sans-condensed/FiraSansCondensed-Thin.woff2") format("woff2"),
211236 url("src/fira-sans-condensed/FiraSansCondensed-Thin.woff") format("woff");
212237 font-weight: 100;
+36-18
serve/fira-sans-extra-condensed.css
···11@font-face {
22 font-family: "Fira Sans Extra Condensed";
33- src: local("Fira Sans Extra Condensed Black"),
33+ src:
44+ local("Fira Sans Extra Condensed Black"),
45 local("FiraSansExtraCondensed-Black"),
56 url("src/fira-sans-extra-condensed/FiraSansExtraCondensed-Black.woff2")
67 format("woff2"),
···13141415@font-face {
1516 font-family: "Fira Sans Extra Condensed";
1616- src: local("Fira Sans Extra Condensed ExtraBold"),
1717+ src:
1818+ local("Fira Sans Extra Condensed ExtraBold"),
1719 local("FiraSansExtraCondensed-ExtraBold"),
1820 url("src/fira-sans-extra-condensed/FiraSansExtraCondensed-ExtraBold.woff2")
1921 format("woff2"),
···26282729@font-face {
2830 font-family: "Fira Sans Extra Condensed";
2929- src: local("Fira Sans Extra Condensed Bold"),
3131+ src:
3232+ local("Fira Sans Extra Condensed Bold"),
3033 local("FiraSansExtraCondensed-Bold"),
3134 url("src/fira-sans-extra-condensed/FiraSansExtraCondensed-Bold.woff2")
3235 format("woff2"),
···39424043@font-face {
4144 font-family: "Fira Sans Extra Condensed";
4242- src: local("Fira Sans Extra Condensed ExtraBold Italic"),
4545+ src:
4646+ local("Fira Sans Extra Condensed ExtraBold Italic"),
4347 local("FiraSansExtraCondensed-ExtraBoldItalic"),
4448 url("src/fira-sans-extra-condensed/FiraSansExtraCondensed-ExtraBoldItalic.woff2")
4549 format("woff2"),
···52565357@font-face {
5458 font-family: "Fira Sans Extra Condensed";
5555- src: local("Fira Sans Extra Condensed Black Italic"),
5959+ src:
6060+ local("Fira Sans Extra Condensed Black Italic"),
5661 local("FiraSansExtraCondensed-BlackItalic"),
5762 url("src/fira-sans-extra-condensed/FiraSansExtraCondensed-BlackItalic.woff2")
5863 format("woff2"),
···65706671@font-face {
6772 font-family: "Fira Sans Extra Condensed";
6868- src: local("Fira Sans Extra Condensed Bold Italic"),
7373+ src:
7474+ local("Fira Sans Extra Condensed Bold Italic"),
6975 local("FiraSansExtraCondensed-BoldItalic"),
7076 url("src/fira-sans-extra-condensed/FiraSansExtraCondensed-BoldItalic.woff2")
7177 format("woff2"),
···78847985@font-face {
8086 font-family: "Fira Sans Extra Condensed";
8181- src: local("Fira Sans Extra Condensed Medium"),
8787+ src:
8888+ local("Fira Sans Extra Condensed Medium"),
8289 local("FiraSansExtraCondensed-Medium"),
8390 url("src/fira-sans-extra-condensed/FiraSansExtraCondensed-Medium.woff2")
8491 format("woff2"),
···91989299@font-face {
93100 font-family: "Fira Sans Extra Condensed";
9494- src: local("Fira Sans Extra Condensed Light Italic"),
101101+ src:
102102+ local("Fira Sans Extra Condensed Light Italic"),
95103 local("FiraSansExtraCondensed-LightItalic"),
96104 url("src/fira-sans-extra-condensed/FiraSansExtraCondensed-LightItalic.woff2")
97105 format("woff2"),
···104112105113@font-face {
106114 font-family: "Fira Sans Extra Condensed";
107107- src: local("Fira Sans Extra Condensed Light"),
115115+ src:
116116+ local("Fira Sans Extra Condensed Light"),
108117 local("FiraSansExtraCondensed-Light"),
109118 url("src/fira-sans-extra-condensed/FiraSansExtraCondensed-Light.woff2")
110119 format("woff2"),
···117126118127@font-face {
119128 font-family: "Fira Sans Extra Condensed";
120120- src: local("Fira Sans Extra Condensed ExtraLight"),
129129+ src:
130130+ local("Fira Sans Extra Condensed ExtraLight"),
121131 local("FiraSansExtraCondensed-ExtraLight"),
122132 url("src/fira-sans-extra-condensed/FiraSansExtraCondensed-ExtraLight.woff2")
123133 format("woff2"),
···130140131141@font-face {
132142 font-family: "Fira Sans Extra Condensed";
133133- src: local("Fira Sans Extra Condensed ExtraLight Italic"),
143143+ src:
144144+ local("Fira Sans Extra Condensed ExtraLight Italic"),
134145 local("FiraSansExtraCondensed-ExtraLightItalic"),
135146 url("src/fira-sans-extra-condensed/FiraSansExtraCondensed-ExtraLightItalic.woff2")
136147 format("woff2"),
···143154144155@font-face {
145156 font-family: "Fira Sans Extra Condensed";
146146- src: local("Fira Sans Extra Condensed SemiBold"),
157157+ src:
158158+ local("Fira Sans Extra Condensed SemiBold"),
147159 local("FiraSansExtraCondensed-SemiBold"),
148160 url("src/fira-sans-extra-condensed/FiraSansExtraCondensed-SemiBold.woff2")
149161 format("woff2"),
···156168157169@font-face {
158170 font-family: "Fira Sans Extra Condensed";
159159- src: local("Fira Sans Extra Condensed Medium Italic"),
171171+ src:
172172+ local("Fira Sans Extra Condensed Medium Italic"),
160173 local("FiraSansExtraCondensed-MediumItalic"),
161174 url("src/fira-sans-extra-condensed/FiraSansExtraCondensed-MediumItalic.woff2")
162175 format("woff2"),
···169182170183@font-face {
171184 font-family: "Fira Sans Extra Condensed";
172172- src: local("Fira Sans Extra Condensed Regular"),
185185+ src:
186186+ local("Fira Sans Extra Condensed Regular"),
173187 local("FiraSansExtraCondensed-Regular"),
174188 url("src/fira-sans-extra-condensed/FiraSansExtraCondensed-Regular.woff2")
175189 format("woff2"),
···182196183197@font-face {
184198 font-family: "Fira Sans Extra Condensed";
185185- src: local("Fira Sans Extra Condensed Italic"),
199199+ src:
200200+ local("Fira Sans Extra Condensed Italic"),
186201 local("FiraSansExtraCondensed-Italic"),
187202 url("src/fira-sans-extra-condensed/FiraSansExtraCondensed-Italic.woff2")
188203 format("woff2"),
···195210196211@font-face {
197212 font-family: "Fira Sans Extra Condensed";
198198- src: local("Fira Sans Extra Condensed SemiBold Italic"),
213213+ src:
214214+ local("Fira Sans Extra Condensed SemiBold Italic"),
199215 local("FiraSansExtraCondensed-SemiBoldItalic"),
200216 url("src/fira-sans-extra-condensed/FiraSansExtraCondensed-SemiBoldItalic.woff2")
201217 format("woff2"),
···208224209225@font-face {
210226 font-family: "Fira Sans Extra Condensed";
211211- src: local("Fira Sans Extra Condensed Thin Italic"),
227227+ src:
228228+ local("Fira Sans Extra Condensed Thin Italic"),
212229 local("FiraSansExtraCondensed-ThinItalic"),
213230 url("src/fira-sans-extra-condensed/FiraSansExtraCondensed-ThinItalic.woff2")
214231 format("woff2"),
···221238222239@font-face {
223240 font-family: "Fira Sans Extra Condensed";
224224- src: local("Fira Sans Extra Condensed Thin"),
241241+ src:
242242+ local("Fira Sans Extra Condensed Thin"),
225243 local("FiraSansExtraCondensed-Thin"),
226244 url("src/fira-sans-extra-condensed/FiraSansExtraCondensed-Thin.woff2")
227245 format("woff2"),