DN*blog

文字や数字の省略と所有格を示す時に使われます。
「shift+7」で入力しちゃうと思いますが、これは間違いで正しいアポストロフィーは、
「shift+alt+[」で、でます。

「shift+7」の場合。It’s Tom’s book

「shift+alt+[」の場合。It’s Tom’s book

フォントサイズが小さいのでわかりづらいかもしれませんが、Fireworks等のアプリを使って検証してみると違いがわかります。

大きくするとこの違いです。
普段気兼ねなく使ってしまいそうな「shift+7」はフィートやインチの時だけに使われます。ただし、その際にそのまま使うのではなくイタリック体にして使用するのが正しい使い方みたいです。

ちなみに、上の画像の赤丸で囲ってあるアポストロフィーの逆のやつは、「alt+[」で、出ます。

こういう、細かいところにもちゃんと気を使い正しい使い方をするのが大事ですよね。

ブラウザによってどのように表示されるか。
それをいちいち、コード打って検証するのも面倒。。。
しかも、沢山のフォントがあるのでさらに大変だと思います。そんなときに大変役に立つサイトがコチラ。

TYPETESTER

設定出来る項目

• font-family
• size
• line-height
• letter-spacing
• text-align
• word space
  (文と文の隙間の設定)
• text-decoration
• color
• background-color

「apply to colomn」はそのフォームで設定した内容を別のフォームに反映させるボタンです。

font-familyでは、WinとMacのデフォルトフォントとＭＳ 明朝やDF系、小塚系などみなさんがインストールされていそうなフォントが多数用意されています。
これらを設定できるフォームが3つ用意されていて、その設定を反映させる文章のタイプも、bold、italic、smallなど多数用意されています。

ヘッダーの左下にある「sample text」のテキストエリアに検証したい文章を打ち込んで検証します。
もちろん日本語も打ち込めます！

こういう便利なサイトはとてもありがたいですね。
がんばって運営してもらいたいです。

サイト作成しているときにイメージのフォントがない時とかありませんか？
そんなときに役立つサイトをご紹介します。
(続きを読む…)