デザイナーとフロントエンドエンジニアに知ってほしいWebのフォント周りのお話

こんにちは。TAK(@tak_dcxi)です。 今回記事にするのはタイトル通り「デザイナーとフロントエンドエンジニアに知ってほしいWebのフォント周り」についてです。以前ツイートしましたが、特に説明もなかったので自分の備忘録も兼ねて。 Androidに明朝体は無い Apple製品しか利用しないデザイナーの方に話したら非常に驚かれるのですが、Androidにはデフォルトで明朝体は入っていないです。 よく明朝体マシマシのデザインを見かけたりするのですが、デバイスフォントだけではAndroidでそのデザインを実現することは不可能だと思っておいたほうが良いでしょう。 ただ、明朝体のWebフォントを利用すればAndroidでも明朝体は表示できるので、デザイン的に明朝体が必須って場合はWebフォントを利用しない手は無いと思います。 個人的見解ですが、デザイン重視なら明朝体はGoogle FontsでN

[fusionstar]

serif, sans-serif, monospace の三種か Web フォント決め打ち以外は変にフォント指定しないでほしい。 フォントの選択権はユーザーにある。

[poliphilus]

グラフィックの人たちのこだわりはよーく解る。解るよ。でもウェブはもういいんだ。諦めろ。デフォルトフォントを使うのがウェブにとってのタイポグラフィなんだ。

[mogami74]

この手のワークアラウンドは最適解がコロコロ変わるので追っかけるのしんどい。よほど見栄え気にするサイトでなければ、そこそこでいいような気がする…

[b_wa]

スマホで見る画面でWebフォントを使われると3回くらい画面の見た目が切り替わるので嫌い。通信重いし。読まずに戻ることある。

[kuracom]

Noto Sans ゴシック/明朝が標準装備になるのを祈る

[strawberryhunter]

Macしか使っていないデザイナーのデザインの汚さよ。どの環境でも同じ表示ではなく、どの環境でも最適な表示になるように作れや。余計な事をしなければどの環境でもきれいなんだぞ。

[nmcli]

Webフォント嫌い。閲覧者にパケット負担させて申し訳なく思う。ロゴ的に表現する部分に関しては最近はSVGに依存することが増えた。

[aienstein]

この話題で「デザイナーが無駄な拘りをする」という内輪揉めに持っていかれると「大体拘るのは紙の感覚でバックしてくるクライアントなんで」という話で無駄な争いの徒労感がある。

[nekosann_08]

デザイナーさん、テキスト部分に小塚使うの勘弁してください。Adobe系Webフォントのライセンス・使用権はクライアント保持の可能性が高く有料契約が発生しかねないのです。Noto系にｺｯｿﾘ置き換えてますけど・・・。

[kvx]

CSSの話題になるとアホなコメント増える

[d4-1977]

何回か読んでいるけれど、困ってくるのと、説明をしたりするので、社内用にまとめておこうかなあ

[securecat]

2020年にもなって自分の見てる画面しか世の中に存在しないと思ってるデザがどんだけいるんだよ問題だな

[rgfx]

グラフィック屋からMacを取り上げたら全て解決。マカーには楽天ペライチJPG以外デザインさせるな（暴論）

[hachibeechan]

WindowsとAndroidのユーザーはフォント諦めてるから画面に文字が表示されてさえいればなんでもいいよ

[web_designer]

]

[cachico]

デザイナーとフロントエンドエンジニアに知ってほしいWebのフォント周りのお話

[lnimroder]

GithubとかGmailみたいな英語圏のサービスでHelvetica, Arialとが指定されてて日本語文字とウェイトが揃わない問題、すごく読みづらいからsans-serifだけにしてくれほんと

[NOV1975]

ま、結局のところどんなに構造と見た目を切り離すってやっても見た目の需要しか重要視されないウェブページというインタフェースは滅びゆく運命なのだが、OSロックインのせいでHTML5アプリになるこんな世の中じゃ

[mayumayu_nimolove]

こういう記事を読んで思うのは、新商品のディザーサイトやwebアプリケーションで使うフォントって違うから、そういうことも書くといいと思う。ブコメで、ユーザーに選択権とか言ってるけど全てのサイトがそうではない

[yoiIT]

これを知らないでwebデザイナーやフロントエンジニアやってる奴なんているのか？

[hyirm]

“Androidに明朝体は無い” 知らなかった・・・。

[ma-fuyu]

Noto（源ノ角ゴシック）も決してきれいなフォントではないんだよな…。エンジニアも使いやすくてデザイナーも納得できる汎用性の高いきれいなフォント作ってくれよ。

[yuu-same]

ui

[mohri]

Zennで初めて自分でも役に立ちそうな記事があった

[norip44]

自分が使っていない端末だと、ついつい知らないことが多くなりがち。明朝体の件とか、游ゴシック体のレンダリングの件とかね。

[obutora]

軽くてきれいなNoto以外のフォントを教えてくれ

[kazuya030]

“Apple製品しか利用しないデザイナーの方に話したら非常に驚かれるのですが、Windowsにはデフォルトでヒラギノフォントは入っていない” これに驚くデザイナーっているの？？マジで？

[kenta555]

案件打ち合わせで毎度フォント周りの事も聞いてるけど、最近は「Notoで」って返事が多くなってきた感。WEBのデバイスフォント周りは、大昔からあっちを立てればこっちが立たずなのが常で難しい所。

[Malan]

Web font, 出来る限り使わないで欲しい

[yurikago12]

今更すぎる話だった。それ意識してない人はWebデザイナー/フロントエンドエンジニアとは言わない。

[stp7]

ChromeとSafariはNotoフォントあたりをブラウザに組み込んでおいて欲しい。

[btron]

Webでフォントとかサイズとかを固定して考えるのはやめて欲しいなぁ。ブラウザ側でフォントも表示サイズも変える場合もあるし・・。見る側の好きな様に表示させて下さい。

[htnmiki]

MSゴシック原理主義者だけど門外漢なので黙っておこう……

[ustam]

いやフロントエンドは実装する側なんだから知ってるでしょ。問題は、デザイナーに何度言っても聞く耳持たないところだ。デザインシステムを理解できないようなのもいて、学ぶ気も無いなら廃業してほしいわ。

[polychrome]

諦めはウェブに限らずだなあ… フォントに限らずデザインへの無理解というか興味の無さとのせめぎ合い。もう割り切ってやってる

[yoshi-na]

今、WEBのフォント関連でデザイナーとフロントエンドでこの辺を意識できてない人ってどんだけいるの？

[suekunhello]

言いたいことや気持ちはすごくわかるけど、serif, sans-serif 指定だけでいいと思う。

[IGA-OS]

ふぉんと疲れた（ほんとつかれた）

[Keisuke69]

“文字組みを妥協する勇気” 基本的にWeb以外でも明朝体を使うことがないのもあってAndroidに入ってないの初めて知った