Skip to content

Commit 1b8e45f

Browse files
dbirmandbirman
committed
chore: fonts
1 parent 9a3bf9d commit 1b8e45f

1 file changed

Lines changed: 30 additions & 3 deletions

File tree

‎web/styles/app.css‎

Lines changed: 30 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,32 @@
66
* or explicit [data-theme="light"|"dark"] on <html>.
77
*/
88

9+
/* ---------------------------------------------------------------------------
10+
* Web fonts
11+
* ------------------------------------------------------------------------ */
12+
13+
@font-face { font-family: 'AllenInstitutePlusHeadline'; src: url('/fonts/AllenInstitutePlusHeadline-Light.woff2') format('woff2'); font-weight: 300; font-style: normal; font-display: swap; }
14+
@font-face { font-family: 'AllenInstitutePlusHeadline'; src: url('/fonts/AllenInstitutePlusHeadline-LightItalic.woff2') format('woff2'); font-weight: 300; font-style: italic; font-display: swap; }
15+
@font-face { font-family: 'AllenInstitutePlusHeadline'; src: url('/fonts/AllenInstitutePlusHeadline-Regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
16+
@font-face { font-family: 'AllenInstitutePlusHeadline'; src: url('/fonts/AllenInstitutePlusHeadline-Italic.woff2') format('woff2'); font-weight: 400; font-style: italic; font-display: swap; }
17+
@font-face { font-family: 'AllenInstitutePlusHeadline'; src: url('/fonts/AllenInstitutePlusHeadline-Medium.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: swap; }
18+
@font-face { font-family: 'AllenInstitutePlusHeadline'; src: url('/fonts/AllenInstitutePlusHeadline-MediumItalic.woff2') format('woff2'); font-weight: 500; font-style: italic; font-display: swap; }
19+
@font-face { font-family: 'AllenInstitutePlusHeadline'; src: url('/fonts/AllenInstitutePlusHeadline-Semibold.woff2') format('woff2'); font-weight: 600; font-style: normal; font-display: swap; }
20+
@font-face { font-family: 'AllenInstitutePlusHeadline'; src: url('/fonts/AllenInstitutePlusHeadline-SemiboldItalic.woff2') format('woff2'); font-weight: 600; font-style: italic; font-display: swap; }
21+
@font-face { font-family: 'AllenInstitutePlusHeadline'; src: url('/fonts/AllenInstitutePlusHeadline-Bold.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }
22+
@font-face { font-family: 'AllenInstitutePlusHeadline'; src: url('/fonts/AllenInstitutePlusHeadline-BoldItalic.woff2') format('woff2'); font-weight: 700; font-style: italic; font-display: swap; }
23+
24+
@font-face { font-family: 'AllenInstitutePlusText'; src: url('/fonts/AllenInstitutePlusText-Light.woff2') format('woff2'); font-weight: 300; font-style: normal; font-display: swap; }
25+
@font-face { font-family: 'AllenInstitutePlusText'; src: url('/fonts/AllenInstitutePlusText-LightItalic.woff2') format('woff2'); font-weight: 300; font-style: italic; font-display: swap; }
26+
@font-face { font-family: 'AllenInstitutePlusText'; src: url('/fonts/AllenInstitutePlusText-Regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
27+
@font-face { font-family: 'AllenInstitutePlusText'; src: url('/fonts/AllenInstitutePlusText-Italic.woff2') format('woff2'); font-weight: 400; font-style: italic; font-display: swap; }
28+
@font-face { font-family: 'AllenInstitutePlusText'; src: url('/fonts/AllenInstitutePlusText-Medium.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: swap; }
29+
@font-face { font-family: 'AllenInstitutePlusText'; src: url('/fonts/AllenInstitutePlusText-MediumItalic.woff2') format('woff2'); font-weight: 500; font-style: italic; font-display: swap; }
30+
@font-face { font-family: 'AllenInstitutePlusText'; src: url('/fonts/AllenInstitutePlusText-Semibold.woff2') format('woff2'); font-weight: 600; font-style: normal; font-display: swap; }
31+
@font-face { font-family: 'AllenInstitutePlusText'; src: url('/fonts/AllenInstitutePlusText-SemiboldItalic.woff2') format('woff2'); font-weight: 600; font-style: italic; font-display: swap; }
32+
@font-face { font-family: 'AllenInstitutePlusText'; src: url('/fonts/AllenInstitutePlusText-Bold.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }
33+
@font-face { font-family: 'AllenInstitutePlusText'; src: url('/fonts/AllenInstitutePlusText-BoldItalic.woff2') format('woff2'); font-weight: 700; font-style: italic; font-display: swap; }
34+
935
/* ---------------------------------------------------------------------------
1036
* CSS custom properties (design tokens)
1137
* ------------------------------------------------------------------------ */
@@ -106,7 +132,7 @@
106132
html,
107133
body {
108134
height: 100%;
109-
font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
135+
font-family: 'AllenInstitutePlusText', Arial;
110136
font-size: 13px;
111137
line-height: 1.5;
112138
}
@@ -168,7 +194,7 @@ body {
168194
}
169195

170196
.app-brand-top {
171-
font-family: Arial, 'Helvetica Neue', sans-serif;
197+
font-family: 'AllenInstitutePlusHeadline', Arial;
172198
font-size: 0.80rem;
173199
font-weight: 500;
174200
color: rgb(170, 163, 159);
@@ -180,7 +206,7 @@ body {
180206
}
181207

182208
.app-brand-sub {
183-
font-family: Arial, 'Helvetica Neue', sans-serif;
209+
font-family: 'AllenInstitutePlusHeadline', Arial;
184210
font-size: 0.80rem;
185211
font-weight: 700;
186212
color: var(--text-primary);
@@ -3318,6 +3344,7 @@ body {
33183344
}
33193345

33203346

3347+
.sessions-filter-clear {
33213348
align-self: flex-start;
33223349
padding: 2px 8px;
33233350
font-size: 0.76rem;

0 commit comments

Comments
 (0)