Notionのソースを表示


{{Stub}}

== 日本語が太字にならない ==

{{Valuable}}

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

* ちなみに<code>bold</code>と等価なのが<code>700</code>なので、<code>600</code>という中途半端な値を指定しているNotionが悪い気がする
* 関連情報&#58; [https://stackoverflow.com/questions/10909234/font-weight700-or-font-weightbold-which-one-we-should-follow-in-css text rendering &#45; font&#45;weight&#58;700 or font&#45;weight&#58;bold which one we should follow in CSS? &#45; Stack Overflow] など）。

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

<syntaxhighlight lang="vb.net">.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
}</syntaxhighlight>
[[Category:IT]]{{#seo:|title={{FULLPAGENAME}} - Turgenev's Wiki}}