「Notion」の版間の差分

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

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

日本語が太字にならない

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

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

ちなみにboldと等価なのが700なので、600という中途半端な値を指定しているNotionが悪い気がする
関連情報: text rendering - font-weight:700 or font-weight:bold which one we should follow in CSS? - Stack Overflow など）。

これを解決するにはとりあえず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
}

@@ 13行目: / 13行目: @@
 これを解決するにはとりあえずNotionのfont&#45;weightを600から700にするのが手っ取り早い。CSSを適用する拡張機能であるStylusにおいて、notion.soに対して以下を設定する（Notionのどっかのページを開いた状態でStylusのアイコンをクリックするとやりやすい）。
-<pre class="dummy_str_visual_basic">.notion-enable-hover[style=&quot;font-weight:600&quot;]{
+<syntaxhighlight lang="css">.notion-enable-hover[style="font-weight:600"]{
      font-weight:700 !important
 }
-.notranslate[placeholder=&quot;Heading 1&quot;]{
+.notranslate[placeholder="Heading 1"]{
      font-weight:700 !important
 }
-.notranslate[placeholder=&quot;Heading 2&quot;]{
+.notranslate[placeholder="Heading 2"]{
      font-weight:700 !important
 }
-.notranslate[placeholder=&quot;Heading 3&quot;]{
+.notranslate[placeholder="Heading 3"]{
      font-weight:700 !important
-}</pre>
+}</syntaxhighlight>
 [[Category:IT]]{{#seo:|title={{FULLPAGENAME}} - Turgenev's Wiki}}