広告あり

【コーディング備忘録】boldを使っていないのに、文字が太字になっているとき

コーディング

本日もコーディング初心者が「なんでだろう?」とつまずいてしまった、何でもないようなことを書いていきますよ。

それは最初のページのコーディングが最終段階に入り、余白やフォントが適切かどうかデザインカンプを見ながら確認していたとき。文字のウェイトを太くするときにはfont-weightプロパティを使ってfont-weight: bold;font-weight: 600;という記述をしますが、font-weightを指定していない文字が太字になっていたのです。

CSSを遡って確認してみても原因が分からなかったので、先輩に聞いてみたところ、

「h1」や「th(table header)」などの見出しタグは初期状態で太字になる

ということが判明!(序盤で勉強しているはずなのですが、忘却の彼方に…。)

恥ずかしながら、かなり初歩的なところで躓いていました。これを期に、しっかりインプットしておこうと思います!

コメント