はてなキーワード: フォントとは
Macを使ってるデザイナーが作ったデザインをウェブ(当時はXHTML+CSS)に起こすことをやってたけど、
そのマシンにしか入ってない&Mac専用品のフォントをデザインで使って、
それはXHTMLでは再現できないのでよく似たフォントで代用したら、デザインを完璧に再現していないと全リテイクになったことがあったなぁ。
仕方ないのでXHTMLで書くのを諦めて、デザイナーのイラレデータを細かくスライスして、各画像にALT文章を仕込むような作り方に変えたけど、
9割完成したところで、「区切り線を1px下にずらしましたので全ページ修正お願いします!」ってのが5回10回と発生したので、
そのうちめんどくさくなって、1枚画像を無加工で貼って、ホームページビルダーでイメージマップ貼るだけの作り方にして最終的に納品した。
検索エンジンからは本文がなにもない画像だけ貼ったページにしか見えないので、SEO対策としては最低最悪のクズ品質だけど、
Windows10 以降のWindowsに標準搭載されるようになった「UDデジタル教科書体」というフォントがある。游ゴシックに並んで書体が美しいフォントで、そこらへんのチラシや張り紙などで濫用されているのをよく目にするだろう。
だがUDデジタル教科書体はバリアントが6種類もあって、それぞれがどんなフォントなのかわかりにくい。Word でバリエーションを選ぼうとすると、一覧にはこんな風に並ぶ。
フォント名を単純に昇順で並べただけで、バリアント順になっていない。これでは何がなんだかわからないので整理してみよう。
書体名 | 和文 | 欧文 | ウエイト |
---|---|---|---|
UD デジタル 教科書体 N-R | 等幅 | 等幅 | 標準 |
UD デジタル 教科書体 N-B | 等幅 | 等幅 | 太字 |
UD デジタル 教科書体 NP-R | 等幅 | プロポーショナル | 標準 |
UD デジタル 教科書体 NP-B | 等幅 | プロポーショナル | 太字 |
UD デジタル 教科書体 NK-R | プロポーショナル | プロポーショナル | 標準 |
UD デジタル 教科書体 NK-B | プロポーショナル | プロポーショナル | 太字 |
各バリアントは
という順列組み合わせになっていることがわかる。
日本語の文面は等幅フォントが読みやすく、英文・英単語はプロポーショナルフォントが読みやすいからだ(メイリオや游ゴシックなどもこの組み合わせである)。その組み合わせの NP ひとつでオールマイティにいける。
なお、和文に強いてプロポーショナルフォントを使う場面はなく、せいぜい見出しやタイトルなどの短いセンテンスや、UI部品のメニューなどスペースが限られる用途などに限定して使うべきだろう。
また、英語の等幅フォントも同様で、桁が揃っていないと見にくい表の数値や、プログラムのコードくらいしか一般的には使い道がない。
つまり「N」や「NK」の出番はほとんどないのである。(誤字訂正しました。指摘サンクス)
繰り返します。UDデジタル教科書体は NP-R/B 一択です。
ちなみに、はてな匿名ダイアリーをWindows環境で閲覧すると、本文の表示には「Meiryo UI」が使われています。この書体はOSのUI用に作られた省スペースフォントで、文字幅を強く圧縮した独特の形状をしています。ファイル名やメニュー項目を表示するには省スペースで重宝ですが、ブログの本文などの長文を表示するような用途にはまったく適していません。ごちゃごちゃと詰まっていてとても読みにくいです。こんなもの、普通は読みものコンテンツの最優先フォントに使ったりはしません。
なぜこんなことになっているのか、スタイルシートを読み解いてみましょう。
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Noto Sans JP", sans-serif;
まず先頭に "system-ui" という総称フォントが書かれているのが噴飯ものです。
総称フォントとは「指定された固有フォントがひとつも見つからなかった時に最後の手段として代替できるような一般名」のことで、本来はフェイルセーフとして font-family 値の末尾に書き添えます。ブラウザは総称フォントに対しては必ず何らかのフォントを割り当てていますから、どう転んでも何かのフォントは見つかり、最低限の表示が保証されるわけです。
ところがそれを先頭に書いたりしたら一発でフォントが見つかって、それ以降のフォント指定は読み飛ばされてしまいます。system-ui の後ろのカンマ以降の情報は実質的にただのゴミです。書く意味がありません。
なぜこんなスカタンなフォント指定になっているか、だいたいの想像はつきます。
このフォント指定は、MacOS付属の「San Francisco」という粋なフォントを呼び出す裏技として一部で流行していた方法なのです。すごく使いたかったんでしょうね、San Francisco を……。
しかしMacOS以外のOSでも、system-ui にはそのOS固有のフォントが割り当てられています。Windows の場合は長文の表示にまったく適さない Meiryo UI だった、というわけです。
どっちみち San Francisco は記事内の半角英数記号くらいにしか使われませんが、Windows の和文表示をすべて台無しにしてでもそうしたい何か強い理由があったんでしょうか。私には合理的な理由は思い当たりませんが。
それはフォントがカッコいいだけ
フォントを拡大するな、目が腐る
フォントを拡大するな、目が腐る
特にDockerのネイティブサポートがないってのは我々からすると年々Macの致命的な弱点になってきてる
Appleからすれば何で自社プラットフォーム以外に投資せにゃならんのってことなんだろうけど
ウェブ開発者もAppleの売り上げにかなり貢献してると思うんだよ。特にDHHがMacを勧めたおかげでMacに乗り換えたウェブエンジニアも少なくないってかかなり多いはず
それ自体はBasecampとAppleの三割税をめぐる争いもモチベの一つだろうとは思うけど、単純にウェブ開発が快適な環境を求めてのことだろう
Appleとしてはマジョリティに売り込む方が大事で我々のような層の売り上げは微々たるものと考えているのかね
まあそうかもしれない
でもさ、今の時代ネットサービスを快適に開発できて快適に使えるっていうのはきれいなフォントと同じくらい重要なことだと思うし
作曲家やデザイナーや映画製作者と同じくらい、ウェブエンジニアに訴求するのも悪くないと思うんだけど
結局この10年くらいは偶然我々の求める開発環境とMacのBSD環境が重なっただけの期間だったのかもしれない
このままだとウェブエンジニアのMac離れはどんどん加速するだろうね
とはいえ自分はMacのフォントやUIから容易には離れられない体になってしまった
ああフォントのためだけにうん十万のディスプレイをポンと買えたり代わりにiOSアプリ開発してくれるエンジニアを雇えるようになりたいでござる
28話しかないなら時間かからなさそうと思ったら、結構時間かかった
タイムリープ?ループ?ものはコロコロ初!!!みたいなのがやたらアオリに書かれてたのが気になった
あとたまにページの下に小学生のものと思われる手書きの応援コメントがあって、オー人気あるんだーと思った
今の小学生にクロノって聞いたらクロノトリガーじゃなくてこっちになったりすんのかなー
メインはSIMPLEで、時間巻き戻して人の命救う組織みたいなとこに所属する主人公が、
最終的にその能力使って妹の死の運命を回避することを目指すって話
サイケまたしてもの最初の話っぽいけど、あっちとちがって妹救うのはまだおわってない
あっちはわりとあっさりおわっていつものテンプレバトルマンガになってつまらんくなっちまったからなあ
序盤のまま続けてくれればーってのをこっちがやってくれてる感じする
ただコロコロだなあと思うのはパンチらレベルのエロすらないのと、
恋愛要素がみじんもないところ
大人の女でもむねのふくらみがないし
メインの目的をやるための主人公の性格というかミッションのしばりとして、対象人物以外を傷つけない、命を落とさせない、みたいなのがあるのはうまいなと思った
だいたいどっちかを選ばざるを得ないってのが普通だけど、
こっちは制限あるとはいえ何度でもやり直す中で解決策をどうにか見つけるっていう対策が打てるから
メインの妹ミッションやる前に敵組織みたいなのも出てきたけど、そこの目的のスライドというか舞台変化のグラデーションもなかなかうまいなと
あくまでも妹を救いたいって思いから発するいろんな行動の動機付けが節々で見られるから
ただなー
さすがにこれ以上脇道それるときつそな気はしてる
あとエピソードがながくてぐだりがちになる
まとめて読む分にはまあいいけど連載だとおうのきついわ
なんだかんだで巻き戻して工夫みつけてかつんでしょってのが見えてきちゃってから飽きがくるのも早い
今後ピンチになったら主人公の隠し能力みたいなやつが出るんでしょとか
あと、右目に巻き戻し能力があって、必殺技が発現することを「開眼」というんだけど、
その開眼ってフォントが極太のキルラキルフォントみてーなのでマンガだとつぶれてまともに読めねーのは編集のミスだと思うわ
うーん
これをやたらすすめてるやつは争点のソウラもはてなですすめてそう&面白いって思ってそう・・・
ただ、繰り返しになるけどよくもわるくもザ少年漫画って感じはすっげーした
子供目線のマンガってこうだよなあという、本筋とは別の、なつかしいような久しぶりに感じるものがあった
あと絵柄がすげーアラレちゃんっぽい感じがした
ギャグ顔の書き方とか人体の書き方とか全体的に
つかモロにアラレちゃんが成長して大人になったみたいなキャラ出てきたし
すげーリスペクトしてんだろうなって思った