/* ========================================================================== base.css — このサイトの土台スタイル（既定で YakuHanJP を適用） -------------------------------------------------------------------------- サイトのCSSは、いちばん最初にこの base.css を読み込んでください。 （HTMLなら で base.css を先に 、CSSを束ねるなら先頭で @import） これだけで、日本語の約物（、。「」（）！？ など）が半角幅になり、 字間の間延びが整います＝「YakuHanJP（約物半角）」の既定適用です。 ========================================================================== */ /* YakuHanJP 本体（約物を半角にするWebフォント）を読み込む。 ※ @import はCSSの先頭（コメントの後）に置く必要があります。 ※ @4 は 4系の最新に自動解決されます。最新版・パスは jsdelivr/npm（yakuhanjp）で確認可。 別バージョンに固定したいときは下のURLの @4 を @4.1.0 等に変更。 */ @import url("https://cdn.jsdelivr.net/npm/yakuhanjp@4/dist/css/yakuhanjp.min.css"); /* 既定のフォント指定。 先頭に "YakuHanJP" を置くと「約物だけ」がこのフォントになり、 それ以外の文字は後ろに並べた日本語フォントが使われます（＝本文の見た目は普通のまま、約物だけ詰まる）。 */ :root { --font-jp: "YakuHanJP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Noto Sans JP", "Yu Gothic", "Meiryo", sans-serif; } html, body { font-family: var(--font-jp); }