文字の旅人 - MSフォントの適切な使い方
私達を取り囲む全てのものは，どこかで，誰かの手によって作られている。また，役割を持って生れてくるものである。「ExcelとMS Pゴシックは読めない」という少しショッキングなことを書いたので，ここではMS Pゴシックの名誉のために，文字エンジニアから見たMSフォントの適切な使い方について書かせていただこうと思う。 そもそもMSフォントは印刷用に作られたものではない。「しょぼい」「ぼろい」「かっこわるい」と言われるが，印刷の活字と比べると確かにそのとおりであるが画面表示では使い方によっては見やすい。MSフォントには，線画を間引く，大きく強弱をつける，という印刷用途には不向きであるが，画面での文字のつぶれに配慮した工夫が施されている。これはOsakaフォントにも同様のことが言える。 MSフォントにはPがつかないものある。こちらの方が前から存在しているのだが，それがなぜなのか皆さんは考えたことが
Google、オープンソースのWebフォント集「Font Directory」と「Font API」を公開
Google、オープンソースのWebフォント集「Font Directory」と「Font API」を公開 Googleは、Webフォントを利用するためのフォント集とそれを利用するためのAPIを公開した。HTML5とCSS3の組み合わせでWebの表現力がさらにリッチになりそうだ。 米Googleは5月19日、フリーのWebフォントを集めた「Google Font Directory」と「Google Font API」を公開した。開発者は安全かつ容易にWebページでこれらのWebフォントを利用できるという。 Webフォントは任意のサーバ上にアップロードされているフォントをWebブラウザの表示フォントとして利用する技術で、これにより利用者のPC環境にインストールされていないフォントを表示用フォントとして使用できるようになる。CSS3ではWebフォントを利用するための「@font-face」機
フォント名の指定は一般名と併用するべきです - Web標準普及プロジェクト
固有のフォント名だけを指定しないでください フォント名を指定する場合に(特にオーサリングソフトを使われている場合だと思われますが)、 次のようなフォント指定を行っているサイトがあるようです。 font-family: "任意のフォント名"; この「任意のフォント名に特殊なベンダー特有フォントを指定していることもありますし、 「ＭＳ ゴシック」を指定している場合もありますが、これらはあくまでも特定の環境に依存した指定です (ＭＳ ゴシックはWindowsには標準でインストールされているフォントですが、他のOSにはありません)。 WWWはサイト作者とは異なる環境の人も見ることになるわけですから、これは意図通りの表示が行われないことを意味します。 フォントの一般名も併記してください フォントはその種類ごとに一般名がCSSの仕様で定義されています。 フォント名を指定する場合は次のように一般名も併記
フォント表示サンプル
FONTS Revised 2003/12/10 CSS ではフォントの種類を指定できます。フォントとは、描画される文字のことで、文字の種類には、ゴシック体、明朝体などがあります。各々のフォントの種類には、太字や斜体などのバリエーションがあります。 CSS では、次の 5 つの総称名で分類されています。これらを、 generic family と呼びます。 sans-serif ゴシック体風。ひげ無し。 serif 明朝体風。ひげ付き。 monospace 等巾フォント。大文字、小文字、英数文字の巾が等しい。 fantasy 装飾体。花文字、ポップ文字など。読めないフォント（絵文字、シンボル・フォント）は除く。 cursive 手書き体風。 CSS でのフォントの指定方法 CSS の説明は別項に譲ります。 CSS でフォントを指定する場合、次のように記述します。 font-family:
フォントのコントロール/HTML基礎講座
pt はポイントで、フォントサイズを示す一般的な単位です。 pc は12ポイントを 1pc とするフォントサイズを示します。mm、cm、in、pt、pc は環境などに左右されない絶対値による指定となります。つまり、絶対値で指定した大きさは、ユーザ側で変更することができません。 それに対し、em、ex、px、% はユーザ側の画面サイズなどに合わせて相対的に変化する単位です。 em ex は要素内のフォントの高さを１とします。 em は大文字の M の高さを基準となり、ex は小文字の x の高さを基準とします。ただし、em については font-size属性を指定したときに限って、親要素のフォントサイズを基準にします。また、px（ピクセル）はモニター画面上の１ピクセルを意味します。 % は属性によって、何に対する割合かは異なりますが、多くの場合は親要素を基準とした割合となります。相対値は、ユ
人気のあるフリーフォントが500個抽出される「Fonts 500」 - GIGAZINE
ダウンロード数に基づいて人気のあるフリーフォント500個をピックアップされています。ダウンロード数が多いものを選んでいるだけあって、どこかで見たようなフォントもチラホラ見られますが、どれも有用そうです。 詳細は以下から。 Fonts 500 http://www.fonts500.com/ ダウンロードしたいフォントは、プレビュー画像をクリックすればダウンロードできます。現在はちょっと重いので画像が表示されなかったり、サイトにつながりにくいこともあるようです。 Use custom textに好きな文字列を入れてボタンを押すと、プレビュー画像に反映。 その他のフリーフォントは以下の記事を参照してください。
無料で利用可能なフォントをダウンロードできる「CoffeeCup Software」 - GIGAZINE
「CoffeeCup Software」という1996年から続いている海外では有名なソフトウェアメーカーがあり、そのサイトに無料で利用できるフォントが全部で64種類も置いてあります。ブラシ系のフォントが多く、いろいろな用途で使えます。ほかではありそうであまりないタイプのフォントが多いので使い勝手は良さそう。 ダウンロードの手順は以下から。 Free Fonts - Download Your Fonts - CoffeeCup Software ダウンロードするためには無料の会員登録が必要です。とりあえずどのフォントでもいいので「DOWNLOAD FONT」ボタンをクリックします。 「Dont Have an Account」をクリック 名前、メールアドレス、パスワード、パスワードの確認という順序で上から入力し、「Register」をクリック メールアドレスにメールが来るので中にあるリンク
ひっかき傷風のかっこいいフォントいろいろ - GIGAZINE
上記画像のような感じのフォントがいろいろ置いてあります。ミスプリントというか、壊れたタイプライターというか、そんな雰囲気のフォントです。 ダウンロードは以下から。 misprinted type 3.0_ art, design and type (1998-2005) Eduardo Recife ダウンロードできるフォントは以下の通り。 Astonished Broken 15 DIESEL DIRTY EGO Disgusting Behavior Downcome Guilty HORSE PUKE Max Rhodes Memory Lapses Misproject Nail Scratch Nasty Pastelaria Porcelain Print Error Rochester Selfish Shortcut 一部、通常の手書きフォント風のものとかも混じってます。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
フォントの一覧 - とほほのWWW入門