1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
|
@import 'tailwindcss';
@theme {
--font-sans: 'Adwaita Sans', Inter, system-ui, -apple-system,
BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
'Open Sans', 'Helvetica Neue', sans-serif;
--font-sbb-typo: SBB, 'Helvetica Neue', Helvetica, Inter, var(--font-sans),
system-ui, sans-serif;
}
@keyframes loadingbar {
0% {
width: 0;
left: 0;
}
50% {
width: 100%;
left: 0;
}
100% {
width: 0;
left: 100%;
}
}
html {
font-family: var(--font-sbb-typo);
}
@font-face {
font-family: 'SBB Condensed';
font-display: swap;
font-weight: 700;
font-style: normal;
src: url('/fonts/SBB-Condensed-Heavy.woff2') format(woff2),
url('/fonts/SBB-Condensed-Heavy.ttf') format(opentype),
local('SBB Condensed');
}
@font-face {
font-family: 'SBB Condensed';
font-display: swap;
font-weight: 600;
font-style: normal;
src: url('/fonts/SBB-Condensed-Bold.woff2') format(woff2),
url('/fonts/SBB-Condensed-Bold.ttf') format(opentype),
local('SBB Condensed');
}
@font-face {
font-family: SBB;
font-display: swap;
font-weight: 600;
font-style: normal;
src: url('/fonts/SBB-Bold.woff2') format(woff2),
url('/fonts/SBB-Bold.ttf') format(opentype), local('SBB');
}
@font-face {
font-family: SBB;
font-display: swap;
font-weight: 400;
font-style: normal;
src: url('/fonts/SBB-Roman.woff2') format(woff2),
url('/fonts/SBB-Roman.ttf') format(opentype), local('SBB');
}
@font-face {
font-family: SBB;
font-display: swap;
font-weight: 400;
font-style: italic;
src: url('/fonts/SBB-Italic.woff2') format(woff2),
url('/fonts/SBB-Italic.ttf') format(opentype), local('SBB');
}
@font-face {
font-family: SBB;
font-display: swap;
font-weight: 300;
font-style: normal;
src: url('/fonts/SBB-Light.woff2') format(woff2),
url('/fonts/SBB-Light.ttf') format(opentype), local('SBB');
}
@font-face {
font-family: SBB;
font-display: swap;
font-weight: 200;
font-style: normal;
src: url('/fonts/SBB-Thin.woff2') format(woff2),
url('/fonts/SBB-Thin.ttf') format(opentype), local('SBB');
}
@font-face {
font-family: SBB;
font-display: swap;
font-weight: 100;
font-style: normal;
src: url('/fonts/SBB-UltraLight.woff2') format(woff2),
url('/fonts/SBB-UltraLight.ttf') format(opentype), local('SBB');
}
@font-face {
font-family: 'Adwaita Sans';
font-display: swap;
font-weight: 100 900;
font-style: normal;
src: url('/fonts/AdwaitaSans-Regular.woff2') format(woff2),
url('/fonts/AdwaitaSans-Regular.ttf') format(opentype),
local('Adwaita Sans');
}
@font-face {
font-family: 'Adwaita Sans';
font-display: swap;
font-weight: 100 900;
font-style: italic;
src: url('/fonts/AdwaitaSans-Italic.woff2') format(woff2),
url('/fonts/AdwaitaSans-Italic.ttf') format(opentype), local('Adwaita Sans');
}
|
