「等幅フォント」を含む日記 RSS

はてなキーワード: 等幅フォントとは

2024-03-25

UDデジタル教科書体のバリエーション

Windows10 以降のWindowsに標準搭載されるようになった「UDデジタル教科書体」というフォントがある。游ゴシックに並んで書体が美しいフォントで、そこらへんのチラシや張り紙などで濫用されているのをよく目にするだろう。

だがUDデジタル教科書体はバリアントが6種類もあって、それぞれがどんなフォントなのかわかりにくい。Wordバリエーションを選ぼうとすると、一覧にはこんな風に並ぶ。

 

UD デジタル 教科書体 N-B

UD デジタル 教科書体 NK-B

UD デジタル 教科書体 NK-R

UD デジタル 教科書NP-B

UD デジタル 教科書NP-R

UD デジタル 教科書体 N-R

 

フォント名を単純に昇順で並べただけで、バリアント順になっていない。これでは何がなんだかわからないので整理してみよう。

書体和文欧文ウエイト
UD デジタル 教科書体 N-R等幅等幅標準
UD デジタル 教科書体 N-B等幅等幅太字
UD デジタル 教科書NP-R等幅プロポーショナル標準
UD デジタル 教科書NP-B等幅プロポーショナル太字
UD デジタル 教科書体 NK-Rプロポーショナルプロポーショナル標準
UD デジタル 教科書体 NK-Bプロポーショナルプロポーショナル太字

バリアントは

和文/欧文)×(等幅/プロポーショナル)×(ウエイト

という順列組み合わせになっていることがわかる。

どれを選べばいい?

基本的には「NP-R/B一択

日本語の文面は等幅フォントが読みやすく、英文英単語プロポーショナルフォントが読みやすいからだ(メイリオ游ゴシックなどもこの組み合わせである)。その組み合わせの NP ひとつオールマイティにいける。

なお、和文に強いてプロポーショナルフォントを使う場面はなく、せいぜい見出しタイトルなどの短いセンテンスや、UI部品メニューなどスペースが限られる用途などに限定して使うべきだろう。

また、英語等幅フォントも同様で、桁が揃っていないと見にくい表の数値や、プログラムのコードくらいしか一般的には使い道がない。

まり「N」や「NK」の出番はほとんどないのである。(誤字訂正しました。指摘サンクス

繰り返します。UDデジタル教科書体は NP-R/B 一択です。

(余談)増田フォント

ちなみに、はてな匿名ダイアリーWindows環境で閲覧すると、本文の表示には「Meiryo UI」が使われています。この書体OSUI用に作られた省スペースフォントで、文字幅を強く圧縮した独特の形状をしていますファイル名やメニュー項目を表示するには省スペースで重宝ですが、ブログの本文などの長文を表示するような用途にはまったく適していません。ごちゃごちゃと詰まっていてとても読みにくいです。こんなもの普通は読みものコンテンツの最優先フォントに使ったりはしません。

なぜこんなことになっているのか、スタイルシートを読み解いてみましょう。

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 の後ろのカンマ以降の情報実質的にただのゴミです。書く意味がありません。

なぜこんなスカタンフォント指定になっているか、だいたいの想像はつきます

system-ui, -apple-system, BlinkMacSystemFont

このフォント指定は、MacOS付属の「San Francisco」という粋なフォントを呼び出す裏技として一部で流行していた方法なのです。すごく使いたかったんでしょうね、San Francisco を……。

しかMacOS以外のOSでも、system-ui にはそのOS固有のフォントが割り当てられていますWindows場合は長文の表示にまったく適さなMeiryo UI だった、というわけです。

どっちみち San Francisco記事内の半角英数記号くらいにしか使われませんが、Windows和文表示をすべて台無しにしてでもそうしたい何か強い理由があったんでしょうか。私には合理的理由は思い当たりませんが。

2024-01-15

何でマイクロソフトメイリオ等幅フォントを出さないのか

游ゴシックゴミなのは認識していると思うが

 

なんでメイリオって言う可読性に優れたフォント有るのにわざわざ游ゴシックなんて細過ぎて見づらいフォント採用したがるのか。

またMacの真似したくなったのかね。でも肝心のディスプレイ解像度や、低解像度でも可読性を上げるためのシステムがまともに動いてないんだから現状では異様に細すぎてぼやけまくる糞フォントしかない。

日本法人は明らかに認識してるだろうに何でこの問題対処しないのかね。自分たち4Kディスプレイ使ってるから問題無いと思ってるのか?

 

もう游ゴシックオフィスデフォルトフォントにするのやめてくれよ。誰かの作った資料游ゴシックだと、可読性上げるために全部メイリオにしなきゃならないんだ。しかもそれでレイアウト変わるからそれも考慮しなきゃならない。

 

何でデフォルトフォントメイリオ採用しないんだ?

ビスタの時に叩かれたのがトラウマなのか?

8みたいな糞UiOS出しといてそんなこと今更気にするのか?

 

基本的センスのかけらもないUIばっかりなマイクロソフト製品で唯一評価できるものだし、無印フォント採用しても問題ないデザインだと思う

等幅フォントが無いフォントデフォルトにするのはよろしくないというなら、等幅造ってくれ

どうせ英語のみプロポーショナルフォント何だろうから問題ないだろ

2021-06-21

anond:20210621192438

データを貼り付けるだけで一発で table を全部作成するスクリプトを書きました。

そうでなければ等幅フォントとか右揃えとか赤字とか透明度とか、やってられないですw

2019-03-26

anond:20190326230840

アップルといえば昔2chで自動化等幅フォントと繰り返しAAで書き込んでいた人がいたなあ

彼は結局スクリプトだったのか

何だったんだろう

2018-11-21

anond:20181121164951

元号の具体的な文字が決まらないとデザインが定まらないシステムもあるんじゃない?

誰もが等幅フォントを愛しているわけじゃないのだから

2018-02-18

Windowsフォント汚い

Mac とか Linux だと Ricty とか Rounded M+ 使ってるんだけど、Windows で使ってみるとレンダリングがクッソ汚い。

Windowsプログラミングするときってみんな何使ってんの?

いまのところ MSゴシック が一番マシなんだが…。

追記 : 等幅フォントがいいです。

2016-06-03

コーディング規約に関するデファクト・スタンダード的誤解

 

1. インデントはタブ(文字)よりスペースのほうが共同作業に向くと思い込んでいる ───────────────

 

1-1. Google検索結果で優遇されるから

Googleでそうしてたというだけの話。もっと前にあったカタカナ語で末尾の「ー」を省略するルールインターネット→インタネットメモリーメモリ、ヘッダー→ヘッダ)と同じで、決まりでもなんでもない。

 

1-2. 8文字/4文字のインデントでは深すぎるから

→ タブ文字によるインデントはスペース2文字分にも3文字分にも変更可能エディターによっては1段目だけ4文字分、それ以降は2文字分ずつ深くなるようにもできるので、自分が見やすいように変えられる。

 

1-3. スペースのほうが環境依存せずに済むから(みんな同じように見えるから

→ スペース幅はフォントによって決まるので、フォント文字サイズ依存してしまう。「スペースでインデントせよ」とするならフォント指定しなければ無意味なのに、そういう規約は皆無。

 

2. コーディング等幅フォントでなければできないと思い込んでいる ───────────────

 

2-1. 等幅フォントデファクト・スタンダードから(みんな同じように見えるから

CUI時代ならともかく、今はプロポーショナルフォントをどこででも使えるので、コーディングにも普通に使ってよい。これも前出1-3と同様にフォント問題なのにフォント指定はされない。

 

2-2. 文字幅が一定になるので、文字単位の打ち間違いが分かりやす

→ lintを使うべき。また等幅フォントであっても文字幅は一定にならないし、文字間隔も揃わない。桁が揃うのみ。しか数字ならともかく「英単語の桁揃え」とは? そもそもインデント以外でコメントなどを桁揃えするのは悪例として知られているはず。

 

2-3. プロポーショナルフォントだとスペースが細すぎる

フォント文字サイズ問題

 

2-4. プロポーショナルフォントだとスペース1つと2つの区別をつけにくい

→ それが問題だろうか。画面表示上の心配なら無用。表示時(ユーザーに見えるとき)はプロポーショナルフォントになる。

 

2-5. 文字間隔を揃えたほうが整然として見やす

文字間隔が一定になるのはプロポーショナルフォントコーディングにおいては「見ること」よりも「読むこと」のほうが大事

 

3. 等幅フォントを「とうふくフォント」と読んでいる ───────────────

2015-08-07

http://anond.hatelabo.jp/20150807001802

段落の頭で一字下げしない。

段落段落あいだは一行空ける。

会話文の前後は一行空ける。

ページの幅は狭めにする。

ページの幅が広いときはこまめに改行を入れる。

見出しリスト・表・引用などは専用のタグを使う。

AAを使う場合等幅フォントを用いる。

内容に合ったフリー画像記事最初に挿入する。

記事をページ分割してPVを稼ぐ。

みたいな感じか。

2008-10-23

http://anond.hatelabo.jp/20081023125843

なんかフォントMSゴシックにしたら、きちんとそろってた。

MSゴシックじゃない等幅フォント使ってたせいっぽい。

ブラウザが悪いのか、フォントが悪いのか、、。

 
ログイン ユーザー登録
ようこそ ゲスト さん