css/scss
font-familyのこと
font-familyって、何気なく見過ごしていませんか?
Google Fontsを使わずにちょっと違った書体を使いたい時、はたと「他にどんなフォントが指定できるんだろう?」と思って調べてみました。
以下のサイトさんにありました。
すごく詳しくわかりやすくまとめてくださっています。
こんなにあるんだなぁ。
ただ、実際にサイトを表示した場合、あんまり代わり映えしないというのが本音です。
やっぱり「ここぞ」と魅せたい時にはロゴを使うべきですね。
<wbr>が効かない問題
<wbr>は、デザイン上必要になることも多い。
なのに全然効いてくれない(泣)
そんな時どうすればいいか。
<span></span>を使うんだって。
=html= <div><span>テキスト1</span><span>テキスト2</span></div>
=css=
div span{ display: inline-block; white-space: nowrap; }
htmlコードをチェックする
一応ちゃんと表示はされるけれど、やっぱりチェックは必要。
そんな時は、The W3C Markup Validation (W3Cマークアップ検証サービス)が超便利です。
</div>や</li>などのタグの閉じ忘れという基本的なことから、要素の属性がどうのxmlnsがこうのと、私にはチンプンカンプンなことまで弾き出してくれます。それを一個一個解決していく。
面倒だけど、精神的に焦っていない時は、色々と勉強できて有意義です。
