iPhoneをアップデートしたらアラブ人が『史上最悪のフォントだ』とキレた！？その違い、わかりますか？

游ゴシックではプロポーショナルメトリクスは効果的 WindowsやmacOSに搭載されている游ゴシック体は、仮名が漢字に対してかなり小さめにデザインされています。游ゴシック体ではヒラギノ書体より字間が開いて見えてしまうため、プロポーショナルメトリクスを活用する効果は大きいです。 Webフォントにもプロポーショナルメトリクスは効果的 デバイスフォントだけでなく、Webフォントでもプロポーショナルメトリクスに対応したOpenTypeフォントがたくさんあります。Webフォントに関しては記事「Webフォントサービスの徹底比較！ 和文フォントが使える5つのサービスの利点まとめ」を参考ください。 ▲左側は未指定（和文等幅）の状態でカタカナの開きが大きい。右側はプロポーショナル字形を適用した状態で、カタカナが詰まっている。 対応環境：ほぼすべてのブラウザで利用可能 これだけ便利なCSSですが、どれだけの

この記事は2016年当時の状況を書いています。その後のバージョンアップで、Windowsでのフォントレンダリングは改善され、ガンマ補正周りのエラーはなくなっているようです。当時の状況を資料として残しておきますが、記事を参照する場合はご注意ください。 TL;DR 游ゴシック体は単に細いから薄いのではなく、ガンマ補正が2重、3重に掛かっているために、グレーが本来よりも明るくなりすぎている。ガンマ補正を逆に掛けると、正常な表示になる。 かすれた游ゴシック Windowsでは游ゴシックがかすれて見える。細字だと薄くて読みづらいから、より太いウェイトを指定しろという話もある。（Windowsで游ゴシックが汚いのは、結局誰が悪いのか？ | Cherry Pie Webなど）だが、かすれて見える原因は、ウェイトが細すぎるからではない。 例えば、本文に游ゴシックを使っているWIREDの記事（「癌」という名

まちを歩くと、なにかとめにつく「HG創英角ポップ体」。ポスターや看板などあらゆる場所でみかける。 たまに、シリアスな注意書きの看板に、にぎやかでたのしげな雰囲気のポップ体がつかわれたりして、おもしろ写真としてネットで話題になったりする。 そんな「HG創英角ポップ体」をつくったひとはどんなひとなんだろう？

dwango creators’ blogをご覧の皆様、こんにちは！ はじめまして、来年度から新卒入社する、デザイナーの@Ln_northこと喜多です。（ドワンゴは2016年度からデザイナーの新卒採用をはじめましたので、デザイナーとしては初めての新卒となります。） ようやく卒論や発表が落ち着き、入社に向けて引っ越しや勉強、そして残り僅かな学生の自由な時間を過ごすことができるようになりました。先日まで数学（微分幾何）の卒論を書いていた身のため、少し文体が硬くなってしまうかもしれませんが、お許しください！ 2015年は春休みの3月、夏休みの7月〜9月と内定者インターンとして働いていました。そこでは主に、ニコニコ超会議の「超言論エリア」のロゴ・ロゴタイプのデザインや、先日このブログでも紹介されていた「DWANGO USABILITY LAB.」のロゴ・ロゴタイプやラベルのデザインなどを担当してい

コンテンツブロックが有効であることを検知しました。 このサイトを利用するには、コンテンツブロック機能（広告ブロック機能を持つ拡張機能等）を無効にしてページを再読み込みしてください。 ✕

フォントはデザインにおいて、非常に重要な要素です。 プロのデザイナーが当たり前のようにやっていることが、初心者には見落とされていたり、実践されていないこともあります。 持っている日本語フォントがそんなに多くなくても、文字デザインの表現の幅を広げる日本語フォントの組み合わせ方を紹介します。 先週紹介したスライドと同じく、日本語デザイン研究会中部の勉強会でプレゼンされた日本語のタイポグラフィのスライドで、特別に掲載許可をいただきました。 DTPの勉強部屋（名古屋）で登壇しました 日本語デザイン研究会中部は、タイポグラフィの大切さと楽しさを伝えるため・学ぶための交流の場として結成されました。 スライドは全部で51ページ。 フォントに含まれている全ての字形がバランスよく、カッコいいものはあまり多くはありません。多くのデザイナーが使用している各フォントの特徴を理解し、漢字と仮名、そして英数字・約物・

明日、いや今日からすぐに役立つ、日本語フォントの書体の選び方・組み合わせ方、そしてそれをどのようにデザインするのか、日本語タイポグラフィのテクニックを学べるスライドを紹介します。 スライドは、日本語デザイン研究会中部の勉強会でプレゼンされた日本語のタイポグラフィのスライドで、特別に掲載許可をいただきました。 DTPの勉強部屋（名古屋）で登壇しました 日本語デザイン研究会中部は、タイポグラフィの大切さと楽しさを伝えるため・学ぶための交流の場として結成されました。 スライドは全部で45ページ。 日本語の読ませるタイポグラフィについて、書体の選び方や組み合わせ方、実例とともにデザインのテクニック、どのように勉強すればよいのかまで掲載されています。

すど @ysmemoirs 紅白歌合戦でもないと筑紫明朝の欧文をこんなに見る機会はあまりない。Centuryよりもおしゃれで，Times New Romanよりもやわらかい，日本が誇るこの筑紫明朝の欧文書体を見よ。ザッツ日本。 2015-12-31 22:39:04

個人・商用で無料で利用できる、日本語のフリーフォント219種類を紹介します。前回は164種類だったので、大幅に増えています！ 記事公開後も増えています（201→207→211→219）。 年賀状の宛名にも使える縦書き対応のフォント、かわいい手書きフォント、読みやすいゴシックなどが揃っています。 毎年まとめていますが、初紹介のものから既存のものまで改めてリンク・ライセンスを確認しています（※情報はこの記事の執筆時のもの）。 ライセンスはサイトだけでなく、同人誌や印刷物などでの利用も明記。 最新版を公開！フォントの数が大幅に増えています。 2020年用、日本語のフリーフォント 417種類のまとめ フォント紹介の前に各フォント制作者からのお願いごと。 フォントを利用の際には、利用条件やライセンスを必ず確認して守ってください。 Kazesawa フォント 個人・商用サイトで無料利用可。同人誌や各種

ざっくりまとめました。中華フォントとはなんとIT用語辞典に項目があった。換言すれば，IT用語辞典以外で説明されているのは見つからなかった。「中華フォントとは、日本語のテキストにおいて表示されることがある、中国語圏で用いられている漢字の字体・字形の通称である」中華フォントとは - IT用語辞典 Weblio辞書よりAndroid 6.0が「中華フォント」との声多数Android 6.0のフォントは，Note Sansだそうだ。Adobeの「源ノ角ゴシック」と（確か）同一グリフ（だったような気がする）である。だが，欧文部分はAndroid5.0と同じくRobotoになる。（ちゅーかもう6.0出たのか。自分なんて5.0にして2ヶ月も経ってないのに……）「android 6 中華フォント」のYahoo!検索（リアルタイム） - Twitter（ツイッター）、Facebookをリアルタイム検索「an

http://b.hatena.ne.jp/entry/news.mynavi.jp/articles/2015/06/11/mspg/ なんか、すっきりしない。ダサいダサい言いすぎというか。そもそも元の記事でＭＳゴシックがダサい理由を説明してるとはあんまり思えんのだけど、それは置くとして(置くのかよ)。 http://d.hatena.ne.jp/Narr/20150613　←13日16時ころの時点でのブックマークコメントの一部への返事。 追記ここから 黒線の文字の枠はＭＳＰゴシック、水色の影はＭＳゴシックです。文字そのものは「MSゴシックもMSPゴシックも同じ」形。Ｐゴで調節されているのは赤枠の部分、「文字と文字の間隔」です。「そ」と「ぞ」も、濁点の分だけ横幅が違ってるのが分かると思う。等幅だと赤枠が正方形になるわけです。 あくまで文字と文字の間の空白の調整をされてるのがＰゴです。ただ

デザインを語る上で重要な要素のひとつ、「フォント」。デザインを実際に手がける人だけでなく、それを見る多くの人にとってなじみ深いフォントとして、Windowsのプリインストールフォント「MS Pゴシック」は代表的なもののひとつかもしれません。 「MS Pゴシック」 「MS Pゴシック」は過去にマイナビニュースで実施した美大生の「お気に入りフォント」アンケートにも名前が挙がった実力派(?)ですが、実際に日々グラフィック/エディトリアルデザインを手がけているデザイナーの目には、この定番フォントはどう映るのでしょうか。 今回は、デザイン会社にてエディトリアルデザイン/Webのレイアウトデザインを手がけているSさんに、「MS Pゴシック」についての率直な思いを伺いました。 ――「MS Pゴシック」、デザイン業務で使うことはありますか? 私は主にエディトリアル(雑誌や書籍など)、グラフィック、Web領