● 記事 ●

フォントサイズの話

更新日2022/01/10 投稿日2022/01/10

#開発 #JavaScript #HTML/CSS

・フォントサイズの話

えーっと、フォントサイズの話です。
前々から知っていたけど、
結構初歩的な話ですので...

結論から言うと、
ブラウザによってデフォルトのフォントサイズが
あるよって話です。

記憶が曖昧なので間違ってたり、
既に仕様が変わってたりしたらゴメンね！

じゃあさっそく！

・最小フォントサイズ
chromeを使っている人も多いと思うけど、
確か、chromeの最小フォントサイズって10pxだった気がする...
それ以下に小さくしようとしても、小さくならないんだよね。
!importantとかつければ小さくなるかな？
知らんけど...

回避策として、たけしの知ってる話だと、
canvasを使って小さい文字を書くと大丈夫らしい。
わざわざわcanvas使うのは面倒だけれども。

・フォントサイズ以外の話

Safariとか使ってると、勝手にボタンとかを角丸にされる
まぁ、自分でcssで指定すれば済む話だけど、
デフォルトでいいやって感じで作ってると
なんか違和感ある。
bootstrapとか使えばいいんだろうけど、
オリジナルで行くぜって人は気をつけよう。

・まとめ(?)

前にもjsの記事で書いたけど、
ブラウザによって挙動が違うものがちょいちょいあるから、
いろんなブラウザで試した方がいいよって話です。
流石に全てのブラウザで試すのは大変なので
・chrome
・Safari
・firefox
・edge
あたりをやってけば、いいかなって思ってる
operaとかsilkとかはごめんなさい。
IE？なんだっけそれ。(ゴメンネ)

コメントがありません。