UIパーツにメイリオを指定しないほうがいい理由
はじめに 前提として本記事は特定のフォントを貶める意図はなく役割として使い分けることを推奨する記事です。 フォントにあるのは役割であり、優劣ではないということを念頭にご一読いただけると幸いです。 注意事項 メイリオという特殊なフォント まず具体的な問題点を挙げる前にメイリオというフォントについて軽く紹介させていただきます。 といってもWeb開発者にとっては馴染み深いフォントでありご存じの方が大半だと思います。 Windows Vistaより搭載されたこのフォントは未だに根強い人気があります。 記事にもあるように、このフォントは和文と英文の調和を重視して作られ英文のベースラインという考え方を取り込んでいます。 そこでメイリオでは和文を縦方向に95％に圧縮した形にして下部にスペースを開けた。こうすることで和文・欧文が混じったときに、それぞれのベースラインを合わせつつ、文字が上下に踊って見えると
ウェブサイトに適用する游ゴシックフォントを見直しまくった最終解 - Corredor
拙作のノーマライズ CSS ライブラリ、「Neo's Normalize」を見直していたところ、Windows の Chrome ブラウザで適用されている游ゴシックフォントがかすれていた。 「あれ？@font-face で游ゴシック Medium を指定してるのにな？」と思い、設定を見直したところ、コレが効かなくなっていた。 当時 Neo's Normalize を作る際、それなりに調査しまくった結果だったのだが、どうも仕様が変わっていたようなので、OS・ブラウザごとに挙動を見直すことにした。今回はその研究結果をまとめる。 游ゴシックフォントに関する基礎知識のおさらい Chrome で効かなくなっていた @font-face font-weight: 500 は効いたが、副作用が避けられない Chrome で游ゴシック Medium を使うのは諦める 別解 : 潔く Regular フォン
メイリオとMeiryo UI って全然違うからね？ / Maka-Veli .com
意外に知らないんだなーと思って。 Meiryo UI はWindows7から登場したメイリオフォントの改良（もしくは派生）版です。 メイリオはVistaからですね。 このブログはヒラギノの次にMeiryo UI 、次にメイリオ指定です。 どちらが良いのかは個人差分かれると思います。 大きな違いはカナと文字詰め。 Meiryo UI のカナは半角と全角の中間？というくらい Narrow な感じ。 文字間も詰められていて、これを使うと、かなり全体的に詰まった印象です。 メイリオは一応プロポーショナルフォントらしいですが、和文が等幅なので感じられず。 カナが入ると、かなり横幅が変わってきます。 このようにまとまった文章で見比べると、テキストのボリューム感もだいぶ違いがわかります。 ブラウザでの見え方はこんな感じ しまった・・・英字はArialで表示されてます。 同様の事
Google Web Fontsが汚い時の対処法 | Sinack
こんにちは、ジャギジャギした事が大嫌い。 まっすぐに生きるSinです。 今ご覧頂いている「Sinack.com」のWordpressテーマにも Google Web Fontsが使われているのですが、私すごく気になっていることがあったんです。 私は普段Macを使っているのですが、Macのブラウザ(ブラウザの種類は関係なく)では 綺麗に表示されているのですが、サブのWindowsから見ると、汚く表示されていたのです。 これはもうしょうがないモノなのかな。 と思っていたのですが、対処できたので備忘録的に記事を書いてみます。 事の発端 Webサイトを作っている方なら必ずすると思うのですが 色んな環境での確認をしているときです。 冒頭でも書いたのですが、WindowsだとGoogle Web Fontsの表示が汚い。 ひどくジャギっているのです。 まずはこちらをご覧ください WindowsのChr
firebugの補完・変更機能が便利な件
ご存知の方も多いと思いますが、Firefoxのアドオン、firebugのスタイルに関する補完・変更機能をまとめて紹介します。Windowsでの操作方法です。 スタイルタブに表示されているCSSで新しいプロパティを追加する際、例えば「f」を入力すれば、即座に候補となるプロパティが表示されます。 さらに、上下矢印キー（「↑」「↓」）を操作すれば候補が切り替わります。文字を入力せずに上下矢印キーを操作した場合は、プロパティの候補をアルファベット順に表示します。 ハイフンつきのプロパティは、ハイフン以降を選択状態にして上下矢印キーで操作すれば、候補を絞って表示します。 タブキーで値の入力に切り替わります。Shift+タブキーで前方のプロパティに戻ることもできます。 値を入力せずに上下矢印キーを操作すれば、プロパティに適合する候補が表示されます。値の表示と同時に、ページ表示にも即座に反映されます。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSSでフォント指定する時の安全な記述方法、OSにプリインストールされているフォントのまとめ -CSS Font Stack
IDEA * IDEA
資料：日本のコーダーのfont-family指定 | ウェビンブログ
