デザインをカスタマイズしたい&フォントを追加・設定したい
- デフォルトのデザインはNotionのシェアページに合わせていますので、ご自身でカスタマイズしたい場合にはCSSを追加してください
- フォントを追加したい場合には、Google Font等で発行したCSSを入力してください
- htmlに指定してあるクラス名についてはこちらのファイルをご参考ください。
- カスタムアイコンについてもフォントとして登録し、CSSで疑似要素などに追加していただければ利用できます
- ex) Google Material Iconsの場合には https://material.io/resources/icons/?style=baseline でアイコンを選んで、 https://google.github.io/material-design-icons/#icon-font-for-the-web のCSSを読み込み、疑似要素で指定して利用してください。
CSSカスタマイズで行えるものについてはこちらのサンプル集のCSSをそのまま利用するとこでできることも多いので、ぜひ参考にしてください。
コピペで使えるサンプルCSS集2021/10/13 5:032024/3/8 9:08