-
Notifications
You must be signed in to change notification settings - Fork 0
/
nys-fonts.css
121 lines (101 loc) · 2.96 KB
/
nys-fonts.css
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
114
115
116
117
118
119
120
121
/* ==== Load core NYS web fonts */
/* D Sari: Bold */
@font-face {
font-family: 'D Sari';
src: url('../fonts/DSari_Bold-webfont.woff') format('woff'),
url('../fonts/DSari_Bold-webfont.woff2') format('woff2');
font-weight: bold;
font-style: normal;
font-display: swap;
}
/* Proxima Nova: Regular */
@font-face {
font-family: 'Proxima Nova';
src: url('../fonts/proximanova-regular.woff') format('woff'),
url('../fonts/proximanova-regular.woff2') format('woff2');
font-weight: normal;
font-style: normal;
font-display: swap;
}
/* Proxima Nova: Regular Italic */
@font-face {
font-family: 'Proxima Nova';
src: url('../fonts/proximanova-italic.woff') format('woff'),
url('../fonts/proximanova-italic.woff2') format('woff2');
font-weight: normal;
font-style: italic;
font-display: swap;
}
/*! Proxima Nova: Bold */
@font-face {
font-family: 'Proxima Nova';
src: url('../fonts/proximanova-bold.woff') format('woff'),
url('../fonts/proximanova-bold.woff2') format('woff2');
font-weight: bold;
font-style: normal;
font-display: swap;
}
/*! Proxima Nova: Bold Italic */
@font-face {
font-family: 'Proxima Nova';
src: url('../fonts/proximanova-bolditalic.woff') format('woff'),
url('../fonts/proximanova-bolditalic.woff2') format('woff2');
font-weight: bold;
font-style: italic;
font-display: swap;
}
/*! Proxima Nova: Light */
@font-face {
font-family: 'Proxima Nova';
src: url('../fonts/proximanova-light.woff') format('woff'),
url('../fonts/proximanova-light.woff2') format('woff2');
font-weight: 300;
font-style: normal;
font-display: swap;
}
/*! Proxima Nova: Light Italic */
@font-face {
font-family: 'Proxima Nova';
src: url('../fonts/proximanova-lightitalic.woff') format('woff'),
url('../fonts/proximanova-lightitalic.woff2') format('woff2');
font-weight: 300;
font-style: italic;
font-display: swap;
}
/*! Proxima Nova: Semibold */
@font-face {
font-family: 'Proxima Nova';
src: url('../fonts/proximanova-semibold.woff') format('woff'),
url('../fonts/proximanova-semibold.woff2') format('woff2');
font-weight: 600;
font-style: normal;
font-display: swap;
}
/* Setting the base font size */
:root {
font-size: 18px;
--primary-font: 'Proxima Nova', 'Helvetica Neue', Helvetica, Arial, sans-serif;
--secondary-font: 'D Sari', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
body {
font-family: var(--primary-font);
font-size: 1rem; /* equals 18px; */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.heading1 {
font-size: 2rem; /* equals 36px; */
}
.heading2 {
font-size: 1.5rem; /* equals 27px; */
}
.heading3 {
font-size: 1.25rem; /* equals 22.5px; */
}
.heading4 {
font-size: 1rem; /* equals 18px; */
}
button, input, select, textarea {
font-family: var(--primary-font);
font-size: 1rem; /* equals 18px; */
}