文字サイズの比率と調和
ウェブページのテキストはいくつかの文字サイズの組み合わせで出来ています。それぞれの文字サイズは情報の階層構造を表現するなどの役割を担いますが、同時にお互いが適切なバランスで調和しているべきです。そのため文字サイズはページやコンポーネントごとに場当たり的に決められるべきではありません。プロジェクトを通じて一貫したシステムを形成している必要があります。 そういった調和と一貫性を持った文字サイズのシステムを作るために、私たちのチームでは「調和数列」に基づいて一連の文字サイズを決めることがあります。調和数列とは等差数列（隣接する項が共通の差を持つ数列）の各項の逆数からなる数列です。 1, 2, 3, 4, 5, 6 ... // 等差数列 1, 1/2, 1/3, 1/4, 1/5, 1/6 ... // 調和数列 実際に調和数列を用いて文字サイズを算出する例を以下に示します。 $font-siz
Windows 10 Version 1703 以降で発生する印刷時の現象について
こんにちは、Windows プラットフォーム サポートの栗山です。 今回は、Windows 10 Version 1703 以降で発生する印刷時の現象について、ご紹介いたします。 端末の入れ替えなどでこれから Windows 10 を導入される方や、同じような現象でお悩みの方は、ご参照いただけますと幸いです。 [現象例] C++ MFC で作成したプログラムで、Windows 10 のアップデート後に、固定ピッチフォントを使用しているのにも関わらず、特定のフォントサイズで半角文字と全角文字で印刷位置がずれる現象が発生する。 Windows 10 Version 1511 では現象が発生しなかったが、Version 1703 以降では現象が発生する。 [デザインの変更点と回避策] Windows 10 Version 1703 以降では、固定ピッチフォントを保持するレジストリ情報の "Jpn
映画ポスターで「Trajan」フォントがなぜ多く使われるのか？
映画のポスターを1万6000枚以上見てきたというグラフィックデザイナーが、なぜフォント「Trajan(トレイジャン/トラジャン)」がこんなにも多くのポスターで使われているのかを説明する映像が、Voxの公式チャンネルで公開されています。 How one typeface took over movie posters - YouTube 映画館に行くと、予告編の冒頭で「あの映画で称賛を受けた監督の新作！」というような惹句がついていることがあります。画像の例だと、まずコメディ映画なのは間違いありません。 コレはアクション映画で…… コレはラブロマンス。音楽がなくても、フォントだけでなんとなくどういう映画なのかが伝わってきます。 ではこのフォントだとどうかというと、ぱっとすぐにはイメージが思い浮かびません。 このフォントは「Trajan」と呼ばれるフォントで…… ジャンルを問わずどこでも使われて
「游ゴシック」でフォントがかすれたWebページをGoogle Chrome の拡張機能でむりやりクッキリ表示させる
上記リンク先を読むと分かるのですが、この問題にキチンと対処し満足な結果を得ようと思うと、かなり面倒な事になってしまいます。 ※ソフトアンテナブログさんが紹介されている「ClearTypeテキスト チューナー」で文字の太さを変更しても良いのですが、そうすると今度はメイリオが太くなり過ぎたり、今まで読みやすかったサイトが逆に読み難くなってしまいます。 Google Chromeではこのかすれが特に酷い 前段にも書いた通りなのですが、ブラウザに Google Chrome を利用している場合はこのかすれ具合が特に酷く、そして最近は Google Chrome のバージョンアップでフォントの扱いやレンダリングが変更される事もあり、それに加え Webサイトごとに游ゴシックの太さが異なる状況も発生しています。なんかもう、色々考えるのが面倒くさくなって来てしまいました。 という事で、 フォントがかすれた
「週刊少年ジャンプ」の書体も 計36書体のフォントサービス「mojimo」提供開始
フォントワークスは3月1日、フォントサービス「mojimo」の提供を開始した。mojimoシリーズの第1弾として、人気アニメ公式フォントを含む「mojimo-manga」（モジモマンガ）の提供を行う。 mojimo-mangaは、明朝体やゴシック体などのスタンダードな書体から、「つばめ R」「ラグランパンチ UB」「コミックレゲエ B」などのデザイン系フォントまで、計36書体を収録したダウンロード形式のフォントサービス。デザイナーやイラストレーターをはじめ、趣味で創作活動をしている人や同人誌制作者に最適な書体をセレクトしたという。年間定額制で、PC1台につき3600円（税別）で利用できる。 15日までに申し込むと、mojimo-mangaとエヴァ公式フォント「エヴァパッケージ」のセット価格が500本限定で5700円（通常8200円）で買えるキャンペーンも行う。 関連記事 明日から使えるIT
高DPIでの文字ぼやけ | 原点描写
クソだクソだと槍玉にあげられるアレ。 基礎知識編 http://ascii.jp/elem/000/000/901/901046/ http://ascii.jp/elem/000/000/905/905248/ ↑あたりを全部読む。 かいつまんで言うと XPまでのスケーリングでは96dpiか120dpiかだけの対応だった Vistaではそれ以外にも対応するため、ビットマップベースで拡大縮小するようになった 8.1からはそれに加えてマルチモニタ環境にてモニタ毎にスケーリングが自動で切り替わるようになった という感じ。これだけ見ると順調に進歩しているように見えるんだけれど、「Win10で文字がぼやける」だのなんだの言ってる記事やスレが目立つのはそうとも言い切れないからなわけで。 問題は120dpi（125%） ぼやけるのは要するにビットマップベースで拡大縮小しているから。ならVistaになっ
文字詰めできるCSSのfont-feature-settingsが凄い！ 日本語フォントこそ指定したい自動カーニング - ICS MEDIA
游ゴシックではプロポーショナルメトリクスは効果的 WindowsやmacOSに搭載されている游ゴシック体は、仮名が漢字に対してかなり小さめにデザインされています。游ゴシック体ではヒラギノ書体より字間が開いて見えてしまうため、プロポーショナルメトリクスを活用する効果は大きいです。 Webフォントにもプロポーショナルメトリクスは効果的 デバイスフォントだけでなく、Webフォントでもプロポーショナルメトリクスに対応したOpenTypeフォントがたくさんあります。Webフォントに関しては記事「Webフォントサービスの徹底比較！ 和文フォントが使える5つのサービスの利点まとめ」を参考ください。 ▲左側は未指定（和文等幅）の状態でカタカナの開きが大きい。右側はプロポーショナル字形を適用した状態で、カタカナが詰まっている。 対応環境：ほぼすべてのブラウザで利用可能 これだけ便利なCSSですが、どれだけの
あの「HG創英角ポップ体」の元となった直筆生原稿を見た
まちを歩くと、なにかとめにつく「HG創英角ポップ体」。ポスターや看板などあらゆる場所でみかける。 たまに、シリアスな注意書きの看板に、にぎやかでたのしげな雰囲気のポップ体がつかわれたりして、おもしろ写真としてネットで話題になったりする。 そんな「HG創英角ポップ体」をつくったひとはどんなひとなんだろう？
持っている日本語フォントがそんなに多くなくても、文字デザインの表現の幅を広げる日本語フォントの組み合わせ方
フォントはデザインにおいて、非常に重要な要素です。 プロのデザイナーが当たり前のようにやっていることが、初心者には見落とされていたり、実践されていないこともあります。 持っている日本語フォントがそんなに多くなくても、文字デザインの表現の幅を広げる日本語フォントの組み合わせ方を紹介します。 先週紹介したスライドと同じく、日本語デザイン研究会中部の勉強会でプレゼンされた日本語のタイポグラフィのスライドで、特別に掲載許可をいただきました。 DTPの勉強部屋（名古屋）で登壇しました 日本語デザイン研究会中部は、タイポグラフィの大切さと楽しさを伝えるため・学ぶための交流の場として結成されました。 スライドは全部で51ページ。 フォントに含まれている全ての字形がバランスよく、カッコいいものはあまり多くはありません。多くのデザイナーが使用している各フォントの特徴を理解し、漢字と仮名、そして英数字・約物・
宛名書きなどによさそうな手書き風フリーフォントを選んでみた - palm84.com
2015.12.20 S2Gフォント, はなぞめフォント, ふい字Ｐ, 851手書き雑フォント, ホリデイMDJP03, よもぎフォント 追加 年賀状シーズンということで(笑) テストページも作ってみました... 手書き風フォントの表示テスト 下記は Windows 10 上の MacType + Firefox43 でのスクリーンショットです。画像をクリックすると実物大（標準サイズ = 16px）表示します。 みかちゃんフォント Y.OzFont S2Gフォント 追加 いろいろ TrueType フォント いろいろ TrueType フォント その2追加 いろいろ OpenType フォント よもぎフォント追加 面白系 ダウンロード・リンク オリジナルフォント【みかちゃん】（※ ダウンロードページの下部に OpenType 版もあります） Y.OzFont - おすすめフォント (Y.O
簡単にオリジナルのフォントが作成できて驚いた！英語や日本語や絵文字など紙に書いた文字からフォントがつくれるオンラインサービス -PaintFont
紙に書いた文字でも、IllustratorやPhotoshopで作成した文字でも、その文字からオリジナルのフォントを簡単に作成できる無料のオンラインサービスを紹介します。 作成できるフォントはTrueType、OpenTypeの2種類です。 ひらがな、カタカナ、漢字、絵文字などの日本語、英語、フランス語をはじめ、ギリシャ文字、キリル文字、数式記号などにも対応しています。 ※漢字は数が少なめ。 PaintFont 使い方は簡単。 フォントに使用する文字を決めて用紙を作成し、その用紙に文字を書き、それをアップロードしてフォントを作成します。 Step 1: 最初の準備 Step 2: 文字を手書きする Step 3: 手書きした文字からフォントを作成 Step 1: 最初の準備 フォントに使用する文字を決め、手書きする用のファイルを作成します。 まずは、作成するフォントに含まれる文字を設定。
MS14-045 と Avast! の相性が若干 悪い理由 を推測してみた・ω・ - Windows 2000 Blog
3rdに引っ越しました。 2010/12/31 以前＆2023/1/1 以降の記事を開くと５秒後にリダイレクトされます。 普段の日記は あっち[http://thyrving.livedoor.biz/] こちらには技術関係のちょっとマニアックな記事やニュースを載せます。 Windows2000ネタ中心に毎日更新。 このブルースクリーンの問題は、Windows のフォントキャッシュファイルが適切に処理されないために発生しているようです。また、この問題は起動中に発生するため、再起動を繰り返しても Windows を起動できなります。 (確かに、MS14-045 を適用した後には、再起動が必要となっています)。 0x50 PAGE_FAULT_IN_NONPAGED_AREA というエラーメッセージが表示される場合、こ定型文の問題の影響を受けています。 テスト段階でこの問題が明らかにならなかっ
フォント変えれば数百万ドルの節約に、米14歳が政府に提言
（ＣＮＮ） 米ペンシルベニア州ピッツバーグの中学生スヴィア・マーチャンダニ君（１４）が、文書を印刷する際に使用する文字書体（フォント）を変えるだけで、ごみの削減とコスト節約を同時に実現できる、との画期的な研究結果を発表し、注目を集めている。 この研究は、中学校の科学のプロジェクトとして始まった。スヴィア君は、中学校でもらうプリントの量が小学校の時に比べかなり多いことに気付いた。環境維持の促進にコンピューター科学を応用することに関心を持つスヴィア君は、紙とインクの消費量を最小限に抑える方法を模索しようと考えた。 これまで、紙のリサイクルや両面印刷によるコスト削減や資源の節約は議論されてきたが、学校の授業で使用するプリントに使われるインクのコストにはあまり焦点が当てられなかった。 スヴィア君によると「インクの価格は、フランス製の香水の倍以上高い」という。たしかにシャネルＮｏ．５の１オンス当たり
HD画面でのセリフ体 vs. サンセリフ体
ピクセル密度が220PPI以上あるそこそこ良いコンピュータ画面は、画面上のタイポグラフィに新しいユーザビリティガイドラインをもたらす。 Serif vs. Sans-Serif Fonts for HD Screens by Jakob Nielsen on July 2, 2012 日本語版2012年7月19日公開 コンピュータ画面は大型化するだけでなく、こちらのほうがより重要かもしれないが、ここに来て質も上がってきている。2012年の6月、Appleは高解像度画面を搭載した初めての一般向けコンピュータ、MacBook Proを発売した。その解像度は15インチディスプレイにおいて2880×1800、この画面の提供するピクセル密度は220 PPIである（PPIは1インチあたりのピクセル数。これはレーザープリンタの性能を測る尺度であるDPI（1インチあたりのドット数）に相当）。 Appleは
文章の作り方 - 伝わるデザイン 研究発表のユニバーサルデザイン
研究者や研究に関わる大学生や大学院生は、一年を通じて研究室ゼミや学会などで研究成果の発表を行なわなければなりません。また、近年、科学者でない人たちに対する一般向けのプレゼンや講演（アウトリーチ活動）の機会も増えてきています。他にも、研究論文や報告書を書いたり、研究費調達のために予算申請書やプロジェクトの提案書を作成したりすることも、研究者にとって欠かせない仕事です。これらはいずれも情報を他者（研究仲間や審査員、一般市民）へ伝えようとする行為であり、正確かつ効果的な情報の発信が望まれます。しかし、自己流で資料を作成して、闇雲に情報を発信していても、スムーズに情報は伝わりません。ときには誤った情報が伝わってしまい、研究の価値を正当に評価してもらえないことさえ起こりえるのです。 情報を正確にかつスムーズに他者に伝えるためには、情報をデザインすること、つまり文章を読みやすく整えたり、図表を見やすく
Font Loader - ｋ本的に無料ソフト・フリーソフト
フォントを “ インストールなし ” で試用できるようにするソフト。 ドラッグ＆ドロップで登録したフォントファイルを、各種アプリケーション上で一時的に試用できる状態にしてくれます。 複数のフォントをまとめてロード （読み込み） する機能や、ウインドウをタスクトレイに格納する機能 などが付いています。 「Font Loader」は、フォントを “ インストールなし ” で試用できるようにするソフトです。 ドラッグ＆ドロップで放り込んだフォントファイル（TTF / OTF ）※1 を、各種アプリケーション上で一時的に試用できるようにする というフォントローダーで、フォントをいちいちインストールすることなく試せるようにしてくれます。 （「Font Loader」自体もポータブルアプリ） 1 複数のフォントを、まとめて読み込むことも可能。 フォントのロード （読み込み） / アンロード （読み込み
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
え、ふぉんと？ モリサワの“あの”フォントが「Windows 10 October 2018 Update」に標準搭載 - やじうまの杜 - 窓の杜
ゴシック体のフリーフォント15選【商用利用可】
ウェブ最大の「フォント問題」を巡ってアップル、グーグル、MS、アドビが団結
Google Chromeでメニューのフォントが滲んでしまう、以前の文字に戻す方法
