「Notion」の版間の差分

提供:Turgenev's Wiki
(Notion-MW)
タグ: 差し戻し済み
(Notion-MW)
 
(同じ利用者による、間の1版が非表示)
13行目: 13行目:
これを解決するにはとりあえずNotionのfont-weightを600から700にするのが手っ取り早い。CSSを適用する拡張機能であるStylusにおいて、notion.soに対して以下を設定する(Notionのどっかのページを開いた状態でStylusのアイコンをクリックするとやりやすい)。
これを解決するにはとりあえずNotionのfont-weightを600から700にするのが手っ取り早い。CSSを適用する拡張機能であるStylusにおいて、notion.soに対して以下を設定する(Notionのどっかのページを開いた状態でStylusのアイコンをクリックするとやりやすい)。


<syntaxhighlight lang="python">
<syntaxhighlight lang="css">.notion-enable-hover[style="font-weight:600"]{
 
vb.net
.notion-enable-hover[style="font-weight:600"]{
     font-weight:700 !important
     font-weight:700 !important
}
}

2023年11月24日 (金) 22:54時点における最新版

このセクションの内容は未完成であり、今後の加筆が予定されています。催促は管理者までお気軽にどうぞ。

日本語が太字にならない

このセクションに含まれる情報は比較的貴重なものである可能性があります。

LinuxのChromeで見たときに日本語が太字にならないという問題があった。Notionでは太字のfont-weightは600に設定されているが、Chromeだと、Linuxで使われているTakao Pゴシックが太字になるのはfont-weight700以上からとなっているようである。例えばHTML5 & CSS3 リファレンス - font-weight プロパティ(フォントの太さ)などを見て自分の環境でどこからが太字で表示されるか確認してみるとよい。

これを解決するにはとりあえずNotionのfont-weightを600から700にするのが手っ取り早い。CSSを適用する拡張機能であるStylusにおいて、notion.soに対して以下を設定する(Notionのどっかのページを開いた状態でStylusのアイコンをクリックするとやりやすい)。

.notion-enable-hover[style="font-weight:600"]{
    font-weight:700 !important
}
.notranslate[placeholder="Heading 1"]{
    font-weight:700 !important
}
.notranslate[placeholder="Heading 2"]{
    font-weight:700 !important
}
.notranslate[placeholder="Heading 3"]{
    font-weight:700 !important
}