|
1 | 1 | :root {
|
2 | 2 | /* documented customizable variables */
|
3 |
| - --fonts-proportional: system-ui, -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Helvetica Neue", "Arial", "Noto Sans", "Liberation Sans", sans-serif; |
| 3 | + --fonts-proportional: var(--fonts-system-ui), "Roboto", "Helvetica Neue", "Arial", "Noto Sans", "Liberation Sans"; |
4 | 4 | --fonts-monospace: "SFMono-Regular", "Menlo", "Monaco", "Consolas", "Liberation Mono", "Courier New", monospace;
|
5 |
| - --fonts-emoji: "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", "Twemoji Mozilla"; |
| 5 | + --fonts-emoji: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "Twemoji Mozilla"; |
6 | 6 | /* other variables */
|
7 |
| - --fonts-regular: var(--fonts-proportional), var(--fonts-emoji); |
| 7 | + --fonts-system-ui: system-ui, -apple-system; // will be replaced with "Segoe UI" if user agent is Windows |
| 8 | + --fonts-regular: var(--fonts-proportional), var(--fonts-emoji), sans-serif; |
8 | 9 | --border-radius: .28571429rem;
|
9 | 10 | --opacity-disabled: .55;
|
10 | 11 | --color-primary: #4183c4;
|
|
116 | 117 | }
|
117 | 118 |
|
118 | 119 | :root:lang(ja) {
|
119 |
| - --fonts-proportional: "Hiragino Kaku Gothic ProN", "Yu Gothic", "Source Han Sans JP", "Noto Sans CJK JP", "Droid Sans Japanese", "Meiryo", "MS PGothic"; |
| 120 | + --fonts-regular: var(--fonts-proportional), var(--fonts-emoji), "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Source Han Sans JP", "Noto Sans CJK JP", "Droid Sans Japanese", "Meiryo", "MS PGothic", sans-serif; |
120 | 121 | }
|
121 | 122 |
|
122 | 123 | :root:lang(zh-CN) {
|
123 |
| - --fonts-proportional: "PingFang SC", "Hiragino Sans GB", "Source Han Sans CN", "Source Han Sans SC", "Noto Sans CJK SC", "Microsoft YaHei", "Heiti SC", "SimHei"; |
| 124 | + --fonts-regular: var(--fonts-proportional), var(--fonts-emoji), "PingFang SC", "Hiragino Sans GB", "Source Han Sans CN", "Source Han Sans SC", "Noto Sans CJK SC", "Microsoft YaHei", "Heiti SC", "SimHei", sans-serif; |
124 | 125 | }
|
125 | 126 |
|
126 | 127 | :root:lang(zh-TW) {
|
127 |
| - --fonts-proportional: "PingFang TC", "Hiragino Sans TC", "Source Han Sans TW", "Source Han Sans TC", "Noto Sans CJK TC", "Microsoft JhengHei", "Heiti TC", "PMingLiU"; |
| 128 | + --fonts-regular: var(--fonts-proportional), var(--fonts-emoji), "PingFang TC", "Hiragino Sans TC", "Source Han Sans TW", "Source Han Sans TC", "Noto Sans CJK TC", "Microsoft JhengHei", "Heiti TC", "PMingLiU", sans-serif; |
128 | 129 | }
|
129 | 130 |
|
130 | 131 | :root:lang(zh-HK) {
|
131 |
| - --fonts-proportional: "PingFang HK", "Hiragino Sans TC", "Source Han Sans HK", "Source Han Sans TC", "Noto Sans CJK TC", "Microsoft JhengHei", "Heiti TC", "PMingLiU_HKSCS", "PMingLiU"; |
| 132 | + --fonts-regular: var(--fonts-proportional), var(--fonts-emoji), "PingFang HK", "Hiragino Sans TC", "Source Han Sans HK", "Source Han Sans TC", "Noto Sans CJK TC", "Microsoft JhengHei", "Heiti TC", "PMingLiU_HKSCS", "PMingLiU", sans-serif; |
132 | 133 | }
|
133 | 134 |
|
134 | 135 | :root:lang(ko) {
|
135 |
| - --fonts-proportional: "Apple SD Gothic Neo", "NanumBarunGothic", "Malgun Gothic", "Gulim", "Dotum", "Nanum Gothic", "Source Han Sans KR", "Noto Sans CJK KR"; |
| 136 | + --fonts-regular: var(--fonts-proportional), var(--fonts-emoji), "Apple SD Gothic Neo", "NanumBarunGothic", "Malgun Gothic", "Gulim", "Dotum", "Nanum Gothic", "Source Han Sans KR", "Noto Sans CJK KR", sans-serif; |
| 137 | +} |
| 138 | + |
| 139 | +@font-face { |
| 140 | + font-family: "Yu Gothic"; |
| 141 | + src: local("Yu Gothic Regular"), local("Yu Gothic Medium"); |
| 142 | + font-weight: 300; |
136 | 143 | }
|
137 | 144 |
|
138 | 145 | @font-face {
|
|
144 | 151 | @font-face {
|
145 | 152 | font-family: "Yu Gothic";
|
146 | 153 | src: local("Yu Gothic Bold");
|
147 |
| - font-weight: 500; |
| 154 | + font-weight: 700; |
148 | 155 | }
|
149 | 156 |
|
150 | 157 | textarea {
|
|
0 commit comments