日本人プログラマ向け、プログラミングに適した「フォント」まとめ。2024年版

2024/11/04 549 users アルファベット ゴー プログラミング エル おー

プログラミングでは、1文字でも打ち間違いがあればエラーの原因になってしまいます。 そこで似たような文字、例えば数字の「1」（いち）とアルファベットの「l」（エル）、数字の「0」（ゼロ）とアルファベットの「O」（オー）などを容易に見分けられるようなフォントを使うことが、ミスを防ぐことにつながります。 コー... 続きを読む

小説同人誌を初めて作る人向け！オススメフォント8選 | 同人誌印刷専門店「なないろ堂」

2024/10/28 139 users フォ 独断 小説同人誌 偏見 オススメフォント

小説同人誌を初めて作る人向け！オススメフォント8選 小説同人誌を出してみたいけど何をどうしたらいいかわからない……という初心者さん向けに、独断と偏見によるオススメフォントを大紹介！ フォントにお悩みの方は是非ご覧ください！！ フォントとは？ まずは、小説になくてはならないフォントについて！ そもそもフォ... 続きを読む

「Yu Gothic UI」フォントの鍵括弧、繋げるとブラウザ表示で重なる問題を調べてみた - 俵のメモ帳

2024/10/13 301 users 鍵括弧 ふり メモ帳 パク ブラウザ表示

Yu Gothic UIに text-spacing-trim を適用するとバグる を読んでいて、気になってしまったので、実際にYu Gothic UIのファイルの中身を開いて調べてみた。 発生している問題 解決策 原因 Yu Gothic UI 特有の問題？ まとめ 発生している問題 Yu Gothic UIは、Windows 10からプリインストールされているUI表示用フォント... 続きを読む

スライドに適した「ニュートラルでデフォルト感のない」フォントを考える - いなにわうどん

2024/10/07 94 users Noto Sans ニュートラル アプリケーション ソース

先日，深夜に友人と話している際に「スライドのフォントに結局 Noto Sans（≒ 源ノ角ゴシック）を選んでしまう」という話題が出ました*1．Noto Sans がオープンソースであり，Google スライド等のアプリケーションで最初から使用できるという理由も勿論あるのですが，個人的にはそれだけが理由でないように感じます． と... 続きを読む

『新紙幣は千円札と一万円札で「1」のフォントが違っていてキモすぎる！』→視覚障害者などが使いやすいデザインだし旧紙幣もフォントは違っている

2024/07/03 587 users 旧紙幣 新紙幣 視覚障害者 デザイン きもすぎ

ひまだ @EGFinal_mada 新紙幣、千円の「1」はただの棒で1万円の「1」が折れ曲がってるやつなの、キモすぎ！！！！！！！！！！！ pic.twitter.com/NzZPsJ0NL0 2024-07-03 11:59:51 続きを読む

Windows上でユニコードを「見る」方法

2024/05/12 120 users ユニコード エンコー unicode ユニコード文字 多数

Windowsでは、文字コードに「ユニコード」を使う。Windowsに搭載されているフォントはさまざまあるが、ユニコード文字を表示できるように、多数の文字の形が組み込まれている。 今回は、Windowsでユニコードを“見る”方法について解説する。なお、WindowsではUTF-16LEエンコードをUnicodeと表記する。ここでは、エンコー... 続きを読む

「ExcelのフォントをMeiryo UIにしてる人の資料はマジで安心感があって信頼できる」資料に使う文字フォントにも色々な宗派があって時に聖戦が起こる

2024/04/14 588 users テンション 聖戦 宗派 Excel 瞬間

ぴよすけ @piyopiyosakana1 ExcelのフォントをMeiryo UIにしてる人の資料はマジで安心感があって信頼できる。 逆に、他のフォントは開いた瞬間、テンション下がって眺める気になれない。 2024-04-12 20:54:10 続きを読む

コードやコマンド出力を画像化するコマンドラインツール「Freeze」の紹介

2024/04/08 71 users コマンドラインツール Freeze window ウィ Mac

$ freeze main.js \ --window \ --show-line-numbers \ --border.radius 8 \ --shadow.blur 4 \ --margin 12 こういう画像を作れます。 こういうの この記事では Freeze の基本的な使い方について簡単に紹介します。 インストール 基本的な使い方 コマンドの実行結果を画像化 見た目のカスタマイズ フォント mac のウィ... 続きを読む

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

2024/03/25 224 users UDデジタル教科書体 バリエーション バリアント 張り紙 書体

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

「パッケージ担当した父に聞いたところ、直感的どストレートな理由でした」サッポロ一番の「切り胡麻」フォントの謎が判明

2024/03/17 171 users 胡麻 サッポロ一番 判明 パッケージ 理由

おでんマンwithたわ神 @ugaidensetu サッポロ一番の謎すぎる「切り胡麻」フォント、メーカーにもなんでここだけフォント違うのか理由を把握してる人居ないって記事見て温かい気持ちになっている。 pic.twitter.com/U0MimlNcyx 2024-03-17 10:17:13 続きを読む

モバイルファーストのウェブデザインがデスクトップに及ぼす悪影響

2024/02/06 287 users ウェブデザイン 余白 ユーザビリティ上 モバイルファースト

モバイルファーストのウェブデザインは、デスクトップで閲覧する際に重大なユーザビリティ上の問題を引き起こす。長いスクロールページにコンテンツが過度に分散され、余白が広がり、画像やフォントが拡大されるため、ユーザーが情報を把握し、理解することが難しくなるのである。 The Negative Impact of Mobile-First ... 続きを読む

GitHubが制作した次世代開発体験のためのコーディングフォント「monaspace」／トレンドを抑えつつ、独自技術「Texture healing」を盛り込んだ最先端のフォント【レビュー】

2024/02/01 207 users GitHub Monaspace トレンド 最先端 レビュー

続きを読む

ゲームづくりに役立つ無料&商用利用可能な素材サイトまとめ。3Dモデルやサウンド、フォントなどを一気に揃えよう

2024/01/26 50 users サウンド Kenney ゲームづくり 無料＆商用利用 オランダ

オランダのゲーム開発会社で、2D、3D、サウンド、UIなどゲーム制作に使える170種類以上のフリー素材を提供しています。 各素材は商用・非商用に関わらず自由に使えます。詳しくは、各素材の利用規約をご確認ください。 Kenney『Kenney』利用規約CraftPix 続きを読む

無料でダウンロードできるフォントを書体や見た目のイメージから検索できる「モジザイ」

2024/01/13 328 users 書体 正式名称 フォント選び ケース 見た目

インターネット上ではさまざまなフォントが配布されていますが、何となく使用したいフォントのイメージはあるものの正式名称がわからなかったり、フワッとしたイメージしかなくてどうやって検索すればいいかわからなかったりといったケースはよくあるもの。そんなフォント選びに困った場合に役立つ、書体やイメージワー... 続きを読む

マンガや同人誌にぴったりなフリーフォント「GL-ノバンチカ源」 濁点・半濁点つきの仮名、小書き仮名、記号文字が盛りだくさん！

2024/01/10 325 users アンチゴチ セリフ 濁点 フリーフォント ひらがな・カタカナ

マンガ・同人誌向けのアンチック体フォントはたくさんあります。今回紹介する「GL-ノバンチカ源」はアンチゴチとしての読みやすさはもちろん、セリフや擬音・擬態語に使用する濁点・半濁点つきのひらがな・カタカナ、小書き仮名も揃っており、こんなにも仮名や記号文字が揃っているフォントはないと思います。小書きの「... 続きを読む

無印ファンは違和感？「無印良品」のイメージを作っていたフォントが一部変更に…デザインから読み解く時代とブランド哲学

2024/01/08 322 users 無印良品 違和感 無印ファン モリサワ イメージ

S @BLTplz フォントマニアなら知っている、無印のイメージを作っていると言っても過言ではないモリサワの「ゴシックMB101」。商品のラベルに使われてるアレ。最近、違うフォントが紛れ込んできてて、ちょっと嫌。 無印は商品だけじゃなくて、店頭POPやラベルにも最近迷いを感じる。ちょっと危険って感じてる。 pic.twitt... 続きを読む

フォトからフォント検索

2023/12/26 249 users フォト フォント名 種類 文字 アップ

フォトからフォント名を検索！文字が使われている画像や写真をアップロードすると、その文字に似ているフォントを検索します。検索できるフォントの種類は順次増えていく予定です。 続きを読む

「な、なんだってーーーーー!!?」のひみつ　マンガに「専用フォント」が必要な理由

2023/12/04 156 users 専用フォント マンガ 理由 貂明朝アンチック Adobe

Adobeからマンガ専用フォント「貂明朝アンチック」が公開された。Adobe IDがあれば、だれでも無料で利用できる。そもそもなぜマンガ専用のフォントが必要なのか。その理由を明らかにしてみたい。 続きを読む

省略しちゃいけないところを省略した外来語

2023/11/18 113 users 外来語 ところ ゴシック ゴシック体 英語

フォントの「ゴシック体」は、元々の英語では「オルタネート・ゴシック（ゴシック体ではない新しい書体）」という名前だったのだが、日本では「～に代わる」にあたる「オルタネート」を省略して「ゴシック」という呼び方にしてしまったので、意味が正反対になってしまった。 よくある「省略しちゃいけないところを省略し... 続きを読む

【AA】アスキーアートクイズ選手権 ｵﾓｺﾛ場所【おぼえていますか】 | オモコロ

2023/11/10 294 users オモコロ 逆風 源流 衰退 アスキーアート

コンピュータ上の文字や記号で構成された絵や図のこと。AAとも略される。 『ASCII文字コードによるアート』を源流とし、掲示板文化の興盛と共に多くのアスキーアートが誕生した。 しかし、その姿はフォントや環境に依存するため、ハード・ソフトの多様化が進む現代では逆風。まともな状態を見られる場は限られ、衰退を余... 続きを読む

Google Fontsからちょっと面白いフォントがリリース！ 商用利用無料、折れ線グラフや棒データを描くためのフリーフォント

2023/11/06 323 users フリーフォント ヒストグラム ダイアグラム ライセンス 個人

折れ線グラフを描画するためのフォント「Linefont」、波形・スペクトル・ダイアグラム・ヒストグラムなどの棒データを描画するためのフォント「Wavefont」が、Google Fontsで利用できるようになったので紹介します。 Linefont | Wavefont フォントのライセンスはSIL Open Font Licenseで、個人でも商用プロジェクトでも... 続きを読む

CSSだけでスクリーンサイズやフォントサイズを取得、CSSの三角関数tan(atan2())はcalc()ではできない計算もできる

2023/10/24 84 users Calc フォントサイズ atan2 CSS 三角関数

CSSで便利な機能の1つがcalc()、ページのレイアウト、要素やフォントのサイズ設定に活躍します。特に異なる単位で加算減算（calc(1rem + 1px)）できることが便利ですが、乗算除算（calc(1rem / 1px)はできません。 そこでCSSの三角関数です。すべてのブラウザにサポートされているatan2()を使用すれば、異なる単位で計算... 続きを読む

スライド資料のデザインが劇的に良くなる！現場で学んだフォント・色の選び方｜fuyuna blog｜デザイン・ライフスタイル・キャリアについて書くデザイナーのブログ

2023/09/05 196 users デザイナー スライド資料 キャリア 現場 ライフスタイル

「作りたい資料に適したフォントがわからない」 「どの色を選べばいいかわからない」 「スライド資料のデザインをもっと洗練させたい」 スライド資料をデザインするとき、こんな悩みを持つ方は多いのではないでしょうか？ スライド資料の印象は使用する「フォント」と「色」によって大きく変わり、うまく活用すれば見る... 続きを読む

全部、商用利用も無料！ Google Fontsの中でも可読性・判別性に優れたフォントのまとめ、UIデザインにも最適

2023/09/04 221 users Google Fonts UIデザイン 判別性 全部 商用利用

Google Fontsには日本語フォントや英語フォントをはじめ、さまざまな言語のフォントをすべて無料で使用できます。いやー、いい時代ですね。 そんなGoogle Fontsの中からリーダビリティ、レジビリティに優れた、...記事の続きを読む 続きを読む

UIのフォントサイズ、マージン、コンポーネントで黄金比や白銀比によるバリエーションを簡単に作成できるツール -Proportio

2023/06/13 154 users フォントサイズ マージン コンポーネント パディング 白銀比

UIデザイン用にフォントやアイコンのサイズ、スペース、角丸、シャドウ、パディング、コンポーネントなどで比例スケールを使用したバリエーションを簡単に作成できるオンラインツール（ローカルも可）を紹介します。 たとえば、黄金比でフォントサイズを設計したり、白銀比でコンポーネントを設計したり、ということがで... 続きを読む