タグ

フォントとcssに関するMiyakeyのブックマーク (2)

  • 画像不要CSSだけで作るテキストロゴデザインのTips

    WebサイトのロゴタイプといえばPhotoShopを初めとした画像ソフトを用いて作るのが一般的な気もしますが、シンプルなものならCSSのプロパティを指定するだけでも作れたりします。今回はそのサンプルとフォント関係で使うCSSプロパティいくつかのおさらいなどを。 行間・字間で印象はぐっと変わるサイトトップのタイトルを画像ではなくh1タグなどで表示して文字として扱うのはSEO的効果がある!…とは限りませんが、ユニークな人名や店名、フレーズなどをサイトのタイトルとしたときには競合少ないんでタイトル+他のワードなどで検索されたときに多少の効果はあるんじゃないでしょうか。 Web fontもいちいちロードするのに時間がかかるというデメリットもありますが、日語使わない英数字だけなら比較的ストレスなく使いやすいと思います。というわけで今回のサンプルに使うフォントは過去記事に書いたGoogle web

    画像不要CSSだけで作るテキストロゴデザインのTips
  • テキスト・フォント周りをキレイに見せるCSS、13選! - @IT

    text-alignプロパティ ブロック要素内のインライン要素の配置の方法を定義する際に使います。left(左ぞろえ)、center(中央ぞろえ)、right(右ぞろえ)、justify(両端ぞろえ)という値が用意されています。 例えば、コンテンツに対してテキストを真ん中にそろえたいときは、「center」と記述すると、中央ぞろえで表示できます。 詳しくはコチラ→ text-align 要素の位置のそろえ方を指定できるtext-alignプロパティ text-decorationプロパティ テキストに対して下線などの線を引く際に使います。underline(下線を引く)、overline(上線を引く)、line-through(中線を引く)、blink(点滅させる)という値が用意されています。 下線を引いてテキストを目立たせたいときは、underlineと記述すると、指定したテキストに下線

    テキスト・フォント周りをキレイに見せるCSS、13選! - @IT
  • 1