意外と奥深いCSSのfont-weightの話 - ICS MEDIA

2023/08/30 138 users ICS MEDIA

普段なにげなく使っているフォントですが、文字の太さを表すフォントウェイトには注意したいポイントがあります。とくにどの環境でも同じフォントにするためのウェブフォントでも、CSSの設定やOSの違いによって見え方が変わってしまうことがあります。ほかにもCSSの設定によっては意図しないウェイトが適用されてしまう... 続きを読む

CSSで作る見出しデザイン | Web’Notes

2014/02/14 413 users CSS 見出しデザイン relative bold SOLID

見出しはサイトの見た目を決める上で重要な箇所です。 印象的な見出しは、それだけでサイトを引き立ててくれます。 今回は、そんな見出しのデザインをCSSで10パターン作成してみましたので、参考にして下さい。 .heading1{ position:relative; padding-left:20px; border-bottom:2px solid #ccc; font-weight: bold; ... 続きを読む

ブラウザ デフォルトCSSのチートシートを作ってみた。(力尽きた) : Web Design KOJIKA17

2011/03/09 174 users チートシート normal ブラウザ font-size 疑問

ブラウザ デフォルトCSSのチートシートを作ってみた。(力尽きた)March 9 2011 この記事は約2分で読めます。CSSリセットを改変している時に、「CSSリセットは本当に必要か？」ということを疑問に思うようになってきました。 例を挙げるとh1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}h1.title {font-weight:b... 続きを読む

IE 6.0 - memo.xight.org - Clean CSS - CSSの最適化，ファイルサイズ削減ツール

2006/06/19 234 users memo.xight.org CSS FFFFFF RGB

- Summary テキストフィールドにCSSを入力するか，CSSが置いてあるURLを指定して，"Process CSS" をクリック． - 使用前 (196byte) #example { color: rgb(0,0,0); background-color: #ffffff; font-weight: bold; margin-top: 5px; margin-bottom: 5px; ma... 続きを読む