細無編輯摘要 |
無編輯摘要 |
||
第二行: | 第二行: | ||
@font-face { | @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-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 { | body { | ||
font-size: 1.2em; | font-size: 1.2em; | ||
} | |||
ol { | |||
list-style-type: cjk-decimal; | |||
} | } | ||
第四一行: | 第四五行: | ||
@media (max-width: 640px) { | @media (max-width: 640px) { | ||
[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 KR', 'Noto Sans JP', 'Noto Sans HK', 'Noto Sans TC', 'Noto Sans SC', sans-serif; } body { font-size: 1.2em; } ol { list-style-type: cjk-decimal; } .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; } }