Webブラウザにおける文字のアンチエイリアスの現状の最適解｜dwango creators' blog（ドワンゴクリエイターズブログ）
Winでは基本的にフォントレンダリングをCSSで制御することは出来ません。また、スマートフォンのブラウザもほとんど制御できず、基本的にグレースケールで表示されることが多いようでした。 MacではSafariのみがグレースケールですね、これが原因で「Safariで文字が細く見えてしまう」現象が起こっています。 デバイスのdpiによる見え方 このまま各ブラウザでアンチエイリアスを揃える設定しても良いのですが、1x, 2xの解像度による見え方を見ていきましょう。(今回はThunderbolt Display = 109ppi, MBP Retina Display = 220ppiで検証・比較。実際に表示した画面をスマホのカメラで加工が無いようにして撮りました。) 109ppi(Thunderbolt Display) 220ppi(MBP Retina Display) 以下のことがわかります
CSSのfont-family指定に関する考察 2014年版 | ブログ | 静岡県のホームページ制作 | 6666666 セブンシックス
引用元：フォントカタログ5・ブラウザのデフォルトフォント 合成フォントの問題 font-familyを指定する際に、日本語フォントよりも優先順位の高い位置に欧文フォントを置くテクニックがあります。こうすることで、欧文フォントに存在しない文字だけ日本語フォントが適用される、いわゆる合成フォントが実現できます。ブラウザの標準フォントでも、safariではHelveticaとヒラギノ、IE8ではArialとMSゴシックの合成フォントが適用されています。 合成フォントは、日本語フォントの英数字を見やすくする措置です。しかし、ひとつの文章の中に複数のフォントが混在すると、文字の大きさやウェイト、ベースラインなどが微妙に異なり、違和感を覚える懸念があります。英数字だけにやけに太かったり、ひとまわり小さかったり。印刷物と違って、ウェブでは微調整がとてもむずかしい。特別、デザイン的な狙いがないのであれば、
CSSでのフォント指定について考える（2014年）｜DTP Transit
結論1：アルファベットでウエイトなしだけでも、すべてのモダンブラウザに対応可能です。ただし、旧バージョンのSafariやFirefoxでは対応がまちまちであったため、それらに対応するには併記します。 游ゴシック体と游明朝体はWinodws 8.1では日本語名、OS X Mavericks（10.9）ではアルファベット名のみの対応であるため、両名の併記が必要となります。 疑問2：「ヒラギノ明朝 Pro」と「ヒラギノ明朝 ProN」のどちらを記述すればいいのでしょうか。 「ヒラギノ明朝 Pro」を改訂し、JIS X 0213:2004の例示字体に対応させたものが「ヒラギノ明朝 ProN」です。 参考： ウィキペディア - ヒラギノ 「ヒラギノ明朝 Pro」と「ヒラギノ明朝 ProN」の違い CSSのfont-family指定はこれで決まり！（2013春） 結論2：新しい字形に対応をしている「ヒ
海外の人が作った日本語フォントが面白いことになってる - のんびり猫プログラマの日常
海外のフォントサイトで個人的に良く使っているMy Fontの中で、 もしかして日本語のものはあるのだろうか・・・ と半信半疑に「Japanese」で検索してみました。 そしたら出るわ出るわ、得体の知れない文字や漢字が・・・ これは楽しすぎなので、いくつかご紹介しますｗ 1 頑張って書いた！毛筆系 Katsuji Tai - Webfont & Desktop font « MyFonts 筆運びが素直で素晴らしい～。なんか違う感を除いて。 2 雰囲気は合ってる系(その１) Electroharmonix™ - Webfont & Desktop font « MyFonts うん・・・雰囲気だけ合ってる。 「ごめんなさい」のイラストが物悲しい。 3 雰囲気は合ってる系(その２) Faux Japanese - Webfont & Desktop font « MyFonts 読めない。とい
トータル56,000円以上の有料フォントやグラフィック素材が無料でダウンロードできます！
先日、Twitter（@colisscom）でお知らせしたプレゼント！ InkyDealsさんとコリスの初コラボ、日本では初かな、という訳で、コリスのビジター全員にトータル56,000円以上（$558分）の有料フォントやグラフィック素材が無料でダウンロードできます！ ※$558はこれを書いている現在、日本円で56,643円です。 ダウンロードできる素材には、計471のリソースが入っています！ ↑のキャプチャにあるように、フォント、テクスチャ、インフォグラフィック、アイコン、バッジ、WordPressのテーマ、モックアップ、Photoshopのアクションなど、さまざまなものが揃っています。 ライセンスは基本的には全て、個人でも商用でも無料で利用でき、販売や再配布は禁止です。ご利用時には個々のライセンスをご確認ください。 素材の詳しい紹介は後にして、まずはダウンロード方法から紹介します。 下記
プログラマー向け最強フォント「M+」 | ソフトアンテナ
プログラミングに最適なフォントは何でしょうか。海外のブログ記事「The Best Font for Programming: M+」にて、プログラマー向けのベストフォントとして「M+」フォントが推奨されていました(Reddit)。 ブログによるとRetinaディスプレイのような高詳細ディスプレイで使うのに具合がよく(低解像度ではTerminusフォントが推薦されています)、0(ゼロ)とO(大文字のO)のような紛らわしい文字がはっきり区別できる点がお気に入りポイントの様子。 ↑このように。 実は、M+フォントは日本人が開発している日本語対応のフリーフォントです。海外発のフォントの場合アルファベットの見栄えはよくても日本語と合わせるとどうも…といったことが起こりがちですが、M+フォントだとそのような心配は不要だと思います。日本人開発者なら使わない手はないかもしれません。 M+フォントは、個人利
スマートフォントUI+オープンソース
スマートフォントUI+は商用可のかっこいいフリーフォント フリーフォントのスマートフォントUI+は、無料ダウンロードでき商用可能なおしゃれでかっこいい日本語書体。このフリーフォントは第二水準の漢字も含まれ、エクセル、ワード、Adobeイラストレーター等のアプリケーションで自由に加工して使えるゴシック体です。ひらがな、カタカナ、アルファベット、数字の字体をオリジナルで制作し、漢字をIPAexゴシックを改良したフォントで補完しています。 フォントのデザイン特徴について スマートなデザインを実現するために約90%のコンデンスド（長体、つまり縦長）になっています。グリッド（方眼）を意識したシステマチックなデザインで横組み、縦組みでのスッキリとしたモダンな表現を可能にします。また漢字に対して仮名文字がこぶりなフォントデザインになっているのも特徴です。モダンゴシック体（新ゴ[モリサワ]、ロダン[フォン
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
