VS Codeにお勧めのフォント！ 似た字形をはっきり区別でき、プログラミング向けに読みやすさを追求 -Commit Mono

2023/07/31 12 users 字形 フォント ＭＭ 追求 VS Code

コードがはっきりときれいに見えるように、プログラミング向けに読みやすさを追求したフォント「Commit Mono」を紹介します。 似た字形（「tl1I|!ij」「O0QDØ38B」「:;.,''''"」「2Z5S7T6b」）ははっきりと区別できるようにデザインされており、また等幅フォントでよくある特定の文字間で幅が等しく見えない問題（「mm」... 続きを読む

説明書や難しそうな内容の文章を簡単そうに見せられるデザインのポイント→わかりやすそう！むしろ読みにくい…など様々な感想 - Togetter

2019/07/17 56 users Togetter DTM 暖色 図形 マーカー

説明書など、内容が難しそうな物を デザインする時に簡単そうに見せられるポイント ・フォントは丸ゴシック ・図形は角丸にして親しみ感 ・アイコンを入れる ・文字間は広めにとる ・暖色を使ってみる ・強調箇所は太めのマーカー これだけで、簡単そうに見えて 難しさのハードルが下がるマジック。 pic.twitter.com/DtM... 続きを読む

高齢者も読みやすい書体って？　大学実験、製品開発にも：朝日新聞デジタル

2016/12/21 17 users 書体 朝日新聞デジタル 共同印刷 スーツ姿 東京都文京区

ものが見えにくくなっている人や高齢者にとっての「見えやすさ」や「読みやすさ」とは何か。情報機器を駆使して、そんな問題に取り組んでいる研究室があります。超高齢化社会に対応した製品開発にも結びついています。 ■細長く、文字間にゆとり ２０１３年春、東京女子大現代教養学部人間科学科の小田浩一教授（５６）の研究室を、スーツ姿の男性２人が訪れた。共同印刷（東京都文京区）情報メディア開発部の春本昌宏担当部長（... 続きを読む

デザインは基本が大切！ひとつ一つをしっかり見直しておきたい20のデザインテクニック | コリス

2015/06/15 628 users コリス カーニング デザインテクニック エフェクト デザイン

文字の扱い方、レイアウト、カラー、エフェクトなど、プロのデザイナーがこだわっているデザインの基本となるルールと、ついやってしまう間違いとその解決方法まで、ワンランク上のデザイナーになるためにひとつ一つをしっかり見直したい20のデザインテクニックを紹介します。 カーニングとはフォントの文字間のスペースを調整することです。カーニングの最終目的は、それぞれの文字の間が不自然な空白にならないように字面間の... 続きを読む

[JS]日本語のどんなWebフォントでも美しくカーニングできるスクリプト -jQuery.Kerning.js | コリス

2014/03/06 341 users コリス カーニング スクリプト Webフォント jQuery

ウェブページで日本語のWebフォントを使用する時にカーニングを適用して、読みやすくて美しく表示するjQueryのプラグインを紹介します。 全角の括弧や句読点などの約物は、日本語のどんなフォントでもスクリプトのみで美しくカーニングできます。 ※文字間のカーニングは、フォントごとに設定が必要です。 jQuery.Kerning.js jQuery.Kerning.js -GitHub jQuery.K... 続きを読む

FirefoxでPDFがきれいに表示されないときのオプション変更 - 結城浩のはてな日記

2013/05/13 11 users Firefox フォント 結城浩 PDF文書 PDF

前提 FirefoxでPDFを表示している。問題 文字間が整っていなかったり、フォントが美しくなかったりする。解決 オプションを変更し「Firefoxでプレビュー表示」をやめる。詳細 Firefoxで「ツール」→「オプション」→「プログラム」→「PDF文書」を選ぶ。 「Firefoxでプレビュー表示」をやめて「ファイルを保存」や「Adobe Acrobatを使用」などを選ぶ。「毎回確認」でもよい。... 続きを読む

[JS]テキストを揃えたり、文字間を調整したり、かっこいいアニメーションを適用したりするjQueryのプラグインのまとめ | コリス

2012/10/10 343 users jQuery コリス レスポンシブ アニメーション 形状

テキストにかっこいいスタイルを与えたり、レスポンシブに対応した配置や複雑な形状の回り込み、タイプライターや案内板のようなアニメーションで一文字ずつ表示するなど、テキスト関連のjQueryのプラグインを紹介します。 続きを読む

行間と文字間の悩み

2005/04/27 25 users 行間 letter-spacing 長文 段落 個々

On Line-Height & Letter-Spacing 行間や文字間を何も設定しないと、Webページは文字がびっしりで非常に読みにくいページになってしまいます。実際にそうしたページに遭遇することも多いのではないでしょうか。もちろん、個々の段落が短い文章であればよいのですが、私たち思想系のサイトの場合、必然的に文字ばかりからなる長文がサイトのメインを占めがちです。これを行間や文字間なしで読む... 続きを読む