無編輯摘要 |
細無編輯摘要 |
||
| 第一九行： | 第一九行： | ||
body, h1, h2, h3, h4, h5, h6, b { | body, h1, h2, h3, h4, h5, h6, b { | ||
font-family: 'Noto Sans JP Punct', 'Noto Sans CJK Halfwidth', 'Noto Sans HK', 'Noto Sans TC', 'Noto Sans | font-family: 'Noto Sans JP Punct', 'Noto Sans CJK Halfwidth', 'Noto Sans HK', 'Noto Sans TC', 'Noto Sans KR', 'Noto Sans JP', 'Noto Sans SC', sans-serif; | ||
} | } | ||
| 第二九行： | 第二九行： | ||
writing-mode: vertical-rl; | writing-mode: vertical-rl; | ||
} | } | ||
.horizontal { | .horizontal { | ||
writing-mode: horizontal-tb; | writing-mode: horizontal-tb; | ||
} | } | ||
.column-2 > ul { column-count: 2; } | .column-2 > ul { column-count: 2; } | ||
.column-3 > ul { column-count: 3; } | .column-3 > ul { column-count: 3; } | ||
| 第三七行： | 第三九行： | ||
.column-5 > ul { column-count: 5; } | .column-5 > ul { column-count: 5; } | ||
.column-6 > ul { column-count: 6; } | .column-6 > ul { column-count: 6; } | ||
@media (max-width: 640px) { | @media (max-width: 640px) { | ||
[class^="column-"] > ul { column-count: 2 !important; } | [class^="column-"] > ul { column-count: 2 !important; } | ||
} | } | ||
二〇二三年一二月一一日 （一） 〇七時五三分審
/* 此之 CSS 用於全面也 */
@font-face {
font-family: 'Noto Sans CJK Halfwidth';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://xn--7dvv52f.xn--p8s937b.net/font/NotoSansCJKHW.woff2) format('woff2');
}
@font-face {
font-family: 'Noto Sans JP Punct';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/notosansjp/v52/-F62fjtqLzI2JPCgQBnw7HFowwII2lcnk-AFfrgQrvWXpdFg3KXxAMsKMbdN.119.woff2) format('woff2');
unicode-range: U+2027, U+3001-3002, U+ff0c, U+ff0e;
}
body, h1, h2, h3, h4, h5, h6, b {
font-family: 'Noto Sans JP Punct', 'Noto Sans CJK Halfwidth', 'Noto Sans HK', 'Noto Sans TC', 'Noto Sans KR', 'Noto Sans JP', 'Noto Sans SC', sans-serif;
}
body {
font-size: 1.2em;
}
.vertical {
writing-mode: vertical-rl;
}
.horizontal {
writing-mode: horizontal-tb;
}
.column-2 > ul { column-count: 2; }
.column-3 > ul { column-count: 3; }
.column-4 > ul { column-count: 4; }
.column-5 > ul { column-count: 5; }
.column-6 > ul { column-count: 6; }
@media (max-width: 640px) {
[class^="column-"] > ul { column-count: 2 !important; }
}