CSSのキャッシュを回避する方法

CSSを更新してもブラウザでキャッシュされて更新されないという状況が発生するので回避方法はないかと調査した。

つぎのようにhtmlのhrefでファイル名以外になにか付けてあげればブラウザは別のCSSと認識するらしい。

<link rel="stylesheet" type="text/css" href="css/style.css?<?php echo date("YmdHis", filemtime("css/style.css")); ?>"/>

ついでにいまの表示サイズとフォントをすこし修正した。

ブログ本文のフォントを手書き風フォントにしたけど、読みにくいかもしれないなぁ。

CSSではつぎのように@face-fontで設定すればいいわけだけど、日本語フォントはうまく変換されなかった。

/* klee-one-latin-400-normal */
@font-face {
    font-family: 'Klee One';
    font-style: normal;
    font-display: swap;
    font-weight: 600;
    src: url(https://cdn.jsdelivr.net/fontsource/fonts/klee-one@latest/japanese-600-normal.woff2) format('woff2'), url(https://cdn.jsdelivr.net/fontsource/fonts/klee-one@latest/japanese-600-normal.woff) format('woff');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

横着してフォントの設定を行おうとしているのが駄目なのかな？