[B! webdesign][font] asiamothのブックマーク

asiamoth id:asiamoth

webdesignとfontに関するasiamothのブックマーク (4)

http://www.okuni.me/entry/hatenablog-hard-to-read-cause
asiamoth 2018/02/14
個人的には、フォントのサイズは「1rem(1em)」または「100%」、つまりはユーザが決めたブラウザの標準サイズを基本にしてほしい。¶あとは、本文の行間が1.5以上は必要。

PC・ゲーム・家電

webdesign

font

CSS
リンク
16pxは大きすぎますか？
35はアラフォーらしいのでアラフォーです。10年前にはまったく苦ではなかった11px程のサイズはもうアレですね。そんなこんなで「もう16px以下はダメじゃないの？」というSmashing Magazineの記事は興味深く読ませてもらいました。12pxにtext-shadowプロパティとか殺す気か！　みたいな。印刷物との比較あたりでは横に並べて比較して「同じ！」とか言ってますけど、ディスプレイと印刷物では目からの距離が大きく違うと思うのでさすがに暴論気味な気がします。また「サイトの製作依頼者の金を無駄遣いしてるよ！」みたいなお金の話からスタートする所がもにょもにょ。こういったアクセシビリティ的な観点に加えて、世の潮流としてタッチデバイス向けに様々なパーツが巨大化していることもありますし、今後は16px前後が主流になっていくことは間違いなさそうです。日本語においてはline-heightに
asiamoth 2011/10/13
そもそも、たいていのブラウザの標準フォントサイズは 16px なので（脳内調査）、本文をそれよりも小さくして欲しくないですね。 body{font-size: 85%} とか、もうね……。

PC・ゲーム・家電

webdesign

font
リンク
IDEA * IDEA
ドットインストール代表のライフハックブログ
asiamoth 2011/10/11
正直なところ、文字詰めは「にんげんさま」がする作業ではない──と感じてしまいます。重要なのは個人のセンスではなく、「線と線との間を等間隔で並べること」だから、コンピュータに任せればいい。

PC・ゲーム・家電

design

font

webservice

webdesign
リンク
CSS3 @font-face Design Guide
Although CSS3 @font-face is supported by most major browsers (IE, Firefox, Chrome, and Safari), but not all. When it doesn’t, your custom fonts might break the layout or come out with undesired results. In this article, I will explain the common issues with using custom fonts, picking the matching fallback web safe fonts, and how to create a perfect fallback font style with Modernizr. Common Mista
asiamoth 2011/07/19
指定したウェブフォントを表示できない場合は、レイアウトが崩れる可能性があるため、Modernizr で防ぐ方法を紹介している。 CSS3 単体で、この指定ができたら良いのになぁ。

CSS

webdesign

font

JavaScript
リンク
1