オリジナルCSSの読みこませ方について

[mayu]

お世話様です。

オリジナルCSSの読み込ませ方が変更になっているようなので、質問させてください。

テーマはDebutを使用しています。

theme.liquidにあった以下のコードの下に、コードをコピーしてオリジナルCSS（add-style.css）を読み込ませましたが、合っていますでしょうか？

一応、内容は反映されているようです。

<link rel="stylesheet" href="{{ 'theme.css' | asset_url }}" type="text/css" media="print" onload="this.media='all';onLoadStylesheet()">

<link rel="stylesheet" href="{{ 'add-style.css' | asset_url }}" type="text/css" media="print" onload="this.media='all';onLoadStylesheet()">

どうぞ宜しくお願い致します。

[kakuma-fbl]

URLなどは良いと思いますが、onloadの記載は何か意図があってやってらっしゃいますか？

[mayu]

返信ありがとうございます！

1行目のコードが元々入っているものになります。

自分で変更したのは、2行目のファイル名(add-style.css)だけです。

[福水正太 · Accepted solution]

はじめまして。

簡単な返答で恐縮ですが、その記述で問題ございません。

ちなみに、

media="print" onload="this.media='all';onLoadStylesheet()"

この表記は、CSSの非同期読み込みに関してのコードでして、極論、あってもなくてもCSSファイルは読み込めます。

debutテーマのバージョンアップによるCSS読み込み記述の変更に関しては、

この記事が詳しく解説しているので、参考にしてみてください。

https://webutubutu.com/webdesign/8896

[mayu]

はじめまして。

返答ありがとうございます。

この記述で大丈夫とのことで、安心いたしました。

参照記事も教えていただきまして感謝申し上げます。

 kakuma-fblさん、福水正太さん、ありがとうございました。