|
1 |
| -@default-fonts: "Segoe UI", "Microsoft YaHei", Arial, Helvetica, sans-serif; |
| 1 | + |
| 2 | +@font-face { |
| 3 | + font-family: 'Lato'; |
| 4 | + src: url('../vendor/assets/lato-fonts/lato-regular.eot'); |
| 5 | + src: url('../vendor/assets/lato-fonts/lato-regular.eot?#iefix') format('embedded-opentype'), url('../vendor/assets/lato-fonts/lato-regular.woff2') format('woff2'), url('../vendor/assets/lato-fonts/lato-regular.woff') format('woff'), url('../vendor/assets/lato-fonts/lato-regular.ttf') format('truetype'); |
| 6 | + font-weight: 400; |
| 7 | + font-style: normal; |
| 8 | +} |
| 9 | + |
| 10 | +@font-face { |
| 11 | + font-family: 'Lato'; |
| 12 | + src: url('../vendor/assets/lato-fonts/lato-italic.eot'); |
| 13 | + src: url('../vendor/assets/lato-fonts/lato-italic.eot?#iefix') format('embedded-opentype'), url('../vendor/assets/lato-fonts/lato-italic.woff2') format('woff2'), url('../vendor/assets/lato-fonts/lato-italic.woff') format('woff'), url('../vendor/assets/lato-fonts/lato-italic.ttf') format('truetype'); |
| 14 | + font-weight: 400; |
| 15 | + font-style: italic; |
| 16 | +} |
| 17 | + |
| 18 | +@font-face { |
| 19 | + font-family: 'Lato'; |
| 20 | + src: url('../vendor/assets/lato-fonts/lato-bold.eot'); |
| 21 | + src: url('../vendor/assets/lato-fonts/lato-bold.eot?#iefix') format('embedded-opentype'), url('../vendor/assets/lato-fonts/lato-bold.woff2') format('woff2'), url('../vendor/assets/lato-fonts/lato-bold.woff') format('woff'), url('../vendor/assets/lato-fonts/lato-bold.ttf') format('truetype'); |
| 22 | + font-weight: 700; |
| 23 | + font-style: normal; |
| 24 | +} |
| 25 | + |
| 26 | +@font-face { |
| 27 | + font-family: 'Lato'; |
| 28 | + src: url('../vendor/assets/lato-fonts/lato-bolditalic.eot'); |
| 29 | + src: url('../vendor/assets/lato-fonts/lato-bolditalic.eot?#iefix') format('embedded-opentype'), url('../vendor/assets/lato-fonts/lato-bolditalic.woff2') format('woff2'), url('../vendor/assets/lato-fonts/lato-bolditalic.woff') format('woff'), url('../vendor/assets/lato-fonts/lato-bolditalic.ttf') format('truetype'); |
| 30 | + font-weight: 700; |
| 31 | + font-style: italic; |
| 32 | +} |
| 33 | + |
| 34 | +@font-face { |
| 35 | + font-family: 'Yu Gothic'; |
| 36 | + src: local('Yu Gothic Medium'); |
| 37 | + font-weight: 400; |
| 38 | +} |
| 39 | + |
| 40 | +@font-face { |
| 41 | + font-family: 'Yu Gothic'; |
| 42 | + src: local('Yu Gothic Bold'); |
| 43 | + font-weight: 700; |
| 44 | +} |
| 45 | + |
| 46 | +@default-fonts: -apple-system, BlinkMacSystemFont, system-ui, 'Segoe UI', Roboto, Helvetica, Arial; |
| 47 | +@monospaced-fonts: 'SF Mono', Consolas, Menlo, 'Liberation Mono', Monaco, 'Lucida Console'; |
2 | 48 |
|
3 | 49 | .override-fonts(@fonts) {
|
4 |
| - body { |
5 |
| - font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, @fonts; |
| 50 | + textarea { |
| 51 | + font-family: @fonts, sans-serif; |
6 | 52 | }
|
7 | 53 |
|
8 | 54 | .markdown:not(code) {
|
9 |
| - font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, @fonts; |
| 55 | + font-family: @fonts, sans-serif; |
10 | 56 | }
|
11 | 57 |
|
12 | 58 | /* We're going to just override the semantic fonts here */
|
13 | 59 | h1, h2, h3, h4, h5 {
|
14 |
| - font-family: "Lato", @fonts; |
| 60 | + font-family: Lato, @fonts, sans-serif; |
15 | 61 | }
|
16 | 62 |
|
17 | 63 | .home .hero h1, .home .hero h2 {
|
18 |
| - font-family: 'PT Sans Narrow', "Lato", @fonts; |
| 64 | + font-family: 'PT Sans Narrow', Lato, @fonts, sans-serif; |
19 | 65 | }
|
20 | 66 |
|
21 | 67 | .ui.accordion .title:not(.ui),
|
|
40 | 86 | .ui.statistics .statistic > .label,
|
41 | 87 | .ui.statistic > .label,
|
42 | 88 | .ui.steps .step .title,
|
43 |
| - .ui.text.container |
| 89 | + .ui.text.container, |
| 90 | + .ui.language > .menu > .item& |
44 | 91 | {
|
45 |
| - font-family: "Lato", @fonts; |
| 92 | + font-family: Lato, @fonts, sans-serif; |
46 | 93 | }
|
47 | 94 | }
|
48 | 95 |
|
| 96 | +.override-fonts(@default-fonts); |
| 97 | + |
49 | 98 | body {
|
50 |
| - .override-fonts(@default-fonts); |
51 | 99 | background-color: #fff;
|
52 | 100 | overflow-y: auto;
|
53 | 101 | -webkit-font-smoothing: antialiased;
|
54 | 102 | display: flex;
|
55 | 103 | flex-direction: column;
|
56 | 104 | }
|
57 | 105 |
|
58 |
| -@ja-fonts: "Segoe UI", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", Roboto, Noto, "Noto Sans CJK JP", Arial, Helvetica, sans-serif; |
| 106 | +@ja-fonts: 'Hiragino Kaku Gothic ProN', 'Yu Gothic', 'Source Han Sans JP', 'Noto Sans CJK JP', 'Droid Sans Japanese', 'Meiryo', 'MS PGothic'; |
59 | 107 | :lang(ja) {
|
60 |
| - .override-fonts(@ja-fonts); |
| 108 | + .override-fonts(@default-fonts, @ja-fonts;); |
61 | 109 | }
|
62 | 110 |
|
63 |
| -@zh-CN-fonts: "Segoe UI", "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "方体", "PingFang SC", "黑体", "Heiti SC", STXihei, "华文细黑", Roboto, Noto, "Noto Sans CJK SC", Arial, Helvetica, sans-serif; |
| 111 | +@zh-CN-fonts: 'PingFang SC', 'Hiragino Sans GB', 'Source Han Sans CN', 'Source Han Sans SC', 'Noto Sans CJK SC', 'Microsoft YaHei', 'Heiti SC', SimHei; |
64 | 112 | :lang(zh-CN) {
|
65 |
| - .override-fonts(@zh-CN-fonts); |
| 113 | + .override-fonts(@default-fonts, @zh-CN-fonts;); |
66 | 114 | }
|
67 | 115 |
|
68 |
| -@zh-TW-fonts: "Segoe UI", "方體", "PingFang TC", "黑體", "Heiti TC", "Microsoft JhengHei New", "Microsoft JhengHei", "微軟正黑體", "宋体", MingLiu, Roboto, Noto, "Noto Sans CJK TC", Arial, Helvetica, sans-serif; |
| 116 | +@zh-TW-fonts: 'PingFang TC', 'Hiragino Sans TC', 'Source Han Sans TW', 'Source Han Sans TC', 'Noto Sans CJK TC', 'Microsoft JhengHei', 'Heiti TC', PMingLiU; |
69 | 117 | :lang(zh-TW) {
|
70 |
| - .override-fonts(@zh-TW-fonts); |
| 118 | + .override-fonts(@default-fonts, @zh-TW-fonts;); |
71 | 119 | }
|
72 | 120 |
|
73 |
| -@zh-HK-fonts: "Segoe UI", "方體", "PingFang HK", "方體", "PingFang TC", "黑體", "Heiti TC", "Microsoft JhengHei New", "Microsoft JhengHei", "微軟正黑體", "宋体", MingLiu, Roboto, Noto, "Noto Sans CJK TC", Arial, Helvetica, sans-serif; |
| 121 | +@zh-HK-fonts: 'PingFang HK', 'Hiragino Sans TC', 'Source Han Sans HK', 'Source Han Sans TC', 'Noto Sans CJK TC', 'Microsoft JhengHei', 'Heiti TC', PMingLiU_HKSCS, PMingLiU; |
74 | 122 | :lang(zh-HK) {
|
75 |
| - .override-fonts(@zh-HK-fonts); |
| 123 | + .override-fonts(@default-fonts, @zh-HK-fonts;); |
76 | 124 | }
|
77 | 125 |
|
78 |
| -@ko-fonts: "Segoe UI", 'Apple SD Gothic Neo', 'NanumBarunGothic', '맑은 고딕', 'Malgun Gothic', '굴림', 'Gulim', '돋움', 'Dotum', "Nanum Gothic", "Apple SD Gothic Neo", "Malgun Gothic", Roboto, Noto, "Noto Sans CJK KR", 'Helvetica Neue', 'Helvetica', Arial, sans-serif; |
| 126 | +@ko-fonts: 'Apple SD Gothic Neo', 'NanumBarunGothic', 'Malgun Gothic', 'Gulim', 'Dotum', 'Nanum Gothic', 'Source Han Sans KR', 'Noto Sans CJK KR'; |
79 | 127 | :lang(ko) {
|
80 |
| - .override-fonts(@ko-fonts); |
| 128 | + .override-fonts(@default-fonts, @ko-fonts;); |
81 | 129 | }
|
82 | 130 |
|
83 | 131 | img {
|
|
93 | 141 | border-radius: .28571429rem !important;
|
94 | 142 | }
|
95 | 143 | pre, code {
|
96 |
| - font: 12px Consolas, "Liberation Mono", Menlo, Courier, monospace; |
| 144 | + font: 12px @monospaced-fonts, monospace; |
97 | 145 | &.raw {
|
98 | 146 | padding: 7px 12px;
|
99 | 147 | margin: 10px 0;
|
@@ -411,7 +459,7 @@ pre, code {
|
411 | 459 | }
|
412 | 460 |
|
413 | 461 | .sha.label {
|
414 |
| - font-family: Consolas, Menlo, Monaco, "Lucida Console", monospace, inherit; |
| 462 | + font-family: @monospaced-fonts, monospace; |
415 | 463 | font-size: 13px;
|
416 | 464 | padding: 6px 10px 4px 10px;
|
417 | 465 | font-weight: normal;
|
@@ -465,7 +513,7 @@ pre, code {
|
465 | 513 | }
|
466 | 514 |
|
467 | 515 | .file-comment {
|
468 |
| - font: 12px Consolas,"Liberation Mono",Menlo,Courier,monospace; |
| 516 | + font: 12px @monospaced-fonts, monospace; |
469 | 517 | color: rgba(0,0,0,.87);
|
470 | 518 |
|
471 | 519 | }
|
|
0 commit comments