Using UI System Fonts In Web Design: A Quick Practical Guide — Smashing Magazine
Microsoft restarted conversations about system UI fonts with its original Windows Phone design language, which relied heavily on typography in general, and on a font named Segoe in particular. No wonder that the idea of using those fonts is spreading through the web world as well. Whether you want your website to feel more like an app, to draw clearer lines between the content and user interface,
Hack | A typeface designed for source code
Widely supported UFO format source code. Hack away with any modern font editing tool & customize it to your needs. A Family of Four Faces Hack includes monospaced regular, bold, italic, and bold italic sets to cover all of your syntax highlighting needs. Multilingual Over 1500 glyphs that include lovingly tuned extended Latin, modern Greek, and Cyrillic character sets.
Windows版Firefox 57で既定の日本語フォントをメイリオに変更 - Mozilla Flux
Windows版Firefox 57では、対象言語が日本語の場合におけるゴシック体（Sans-serif）の既定のフォントが「メイリオ」に、明朝体（Serif）の既定のフォントが「游明朝」に変更される（Bug 1354004）。これまで、ゴシック体は「ＭＳ Ｐゴシック」、明朝体は「ＭＳ Ｐ明朝」が既定のフォントであり、日本語版Firefoxでは初期設定で「ＭＳ Ｐゴシック」がWebページの表示に使用されるフォントとなっていた。Firefox 57からはこの表示フォントがメイリオに切り替わる。*1 mozilla.dev.platformの"Intent to ship: Changing default Japanese fonts to modern fonts"スレッドでは、モダンなフォントに切り替えるにあたって、「游ゴシック」ではなくメイリオを選んだ理由が説明されている。メイリオは、
Unicode変体仮名フォント
Unicode10.0で規格化された変体仮名を収録したフォントです。 これで「生𛁛𛂦゙」も書けます。 IPAmj明朝フォント(Ver.004.01)の変体仮名グリフのみを取り出してUnicodeのコードポイントを与えたものです。 U+1B001からU+1B11Eまでの286文字のみのフォントなので、一般的なフォントと組み合わせて使ってください。おまけで𛂦゙ 𛂱゙ 𛂱゚の合成グリフ(ccmp)も入ってます。 Unicode code chart Kana Supplement(PDF) Kana Extended-A(PDF) 収録グリフの根拠となるのは、IPAのMJ文字情報一覧表 変体仮名編です。
游ゴシックは何故Windowsでかすれて見えるのか - Ryusei’s Notes (a.k.a. M59のブログ)
この記事は2016年当時の状況を書いています。その後のバージョンアップで、Windowsでのフォントレンダリングは改善され、ガンマ補正周りのエラーはなくなっているようです。当時の状況を資料として残しておきますが、記事を参照する場合はご注意ください。 TL;DR 游ゴシック体は単に細いから薄いのではなく、ガンマ補正が2重、3重に掛かっているために、グレーが本来よりも明るくなりすぎている。ガンマ補正を逆に掛けると、正常な表示になる。 かすれた游ゴシック Windowsでは游ゴシックがかすれて見える。細字だと薄くて読みづらいから、より太いウェイトを指定しろという話もある。（Windowsで游ゴシックが汚いのは、結局誰が悪いのか？ | Cherry Pie Webなど）だが、かすれて見える原因は、ウェイトが細すぎるからではない。 例えば、本文に游ゴシックを使っているWIREDの記事（「癌」という名
Webブラウザにおける文字のアンチエイリアスの現状の最適解｜dwango creators' blog（ドワンゴクリエイターズブログ）
Winでは基本的にフォントレンダリングをCSSで制御することは出来ません。また、スマートフォンのブラウザもほとんど制御できず、基本的にグレースケールで表示されることが多いようでした。 MacではSafariのみがグレースケールですね、これが原因で「Safariで文字が細く見えてしまう」現象が起こっています。 デバイスのdpiによる見え方 このまま各ブラウザでアンチエイリアスを揃える設定しても良いのですが、1x, 2xの解像度による見え方を見ていきましょう。(今回はThunderbolt Display = 109ppi, MBP Retina Display = 220ppiで検証・比較。実際に表示した画面をスマホのカメラで加工が無いようにして撮りました。) 109ppi(Thunderbolt Display) 220ppi(MBP Retina Display) 以下のことがわかります
アドビが無償フォント「源ノ明朝」の開発手法を明らかに
左から、説明会の司会を務めたアドビ システムズの岩本崇氏、米国チームのFont DeveloperのFrank Griesshammer氏、西塚涼子チーフ・タイプデザイナー、山本太郎シニア・マネージャー、服部正貴シニア・フォントデベロッパー アドビ システムズは2017年4月10日、米グーグルと共同開発したオープンソースの無償フォント「源ノ明朝（Source Han Serif）」に関する記者説明会を開催。日中韓の異体字を持つフォントデータを25Mバイト未満の容量に抑える開発手法について語った。 源ノ明朝は、2014年に公開した、日本語ではゴシック体に当たるサンセリフ体フォント「源ノ角ゴシック（Source Han Serif）」に続くオープンソースの無償フォント。中国語簡体字/繁体字（C）、日本語（J）、韓国語（K）を含む、いわゆるCJKフォントだ。フォントデータはソースコード共有サイト
Security Font（セキュリティフォント）
マイナンバー導入に向けてのマストソリューション。 What is Security Font? Security Font（セキュリティフォント）とは？ コンピュータで文字はバイト表現である文字コードとして扱われています。文字コード体系にはISO-2022-JP(JISコード)や、Unicodeなど複数の種類があります。フォントはこの文字コードとキャラクタ(文字画像)を関連付けるデータです。 セキュリティフォントはフォントを適用することで、データを平文に戻さずに、暗号化したままで一時的に可読性を得ることができます。 運用中平文に戻す必要がないため、常にセキュリティの高い形でデータを保持することができます。 To whom recommend Security Font? こんな事を検討中、お悩みのクライアント様にSecurity Font（セキュリティフォント）をお勧めします。
文字詰めできるCSSのfont-feature-settingsが凄い！ 日本語フォントこそ指定したい自動カーニング - ICS MEDIA
游ゴシックではプロポーショナルメトリクスは効果的 WindowsやmacOSに搭載されている游ゴシック体は、仮名が漢字に対してかなり小さめにデザインされています。游ゴシック体ではヒラギノ書体より字間が開いて見えてしまうため、プロポーショナルメトリクスを活用する効果は大きいです。 Webフォントにもプロポーショナルメトリクスは効果的 デバイスフォントだけでなく、Webフォントでもプロポーショナルメトリクスに対応したOpenTypeフォントがたくさんあります。Webフォントに関しては記事「Webフォントサービスの徹底比較！ 和文フォントが使える5つのサービスの利点まとめ」を参考ください。 ▲左側は未指定（和文等幅）の状態でカタカナの開きが大きい。右側はプロポーショナル字形を適用した状態で、カタカナが詰まっている。 対応環境：ほぼすべてのブラウザで利用可能 これだけ便利なCSSですが、どれだけの
Google Fonts + Japanese • Google Fonts + 日本語
Google Fonts は、デザイナー ウェブフォントを直感的にご利用いただける、安定したオープンソース ディレクトリです。 膨大な数の文字のデザインに要する時間や、大容量のフォント ファイルをウェブフォントとして提供する際に必要な技術的インフラストラクチャなど、日本語の書体デザインやフォント開発にはさまざまな課題が立ちふさがります。そこで、規格や技術の開発を進めると同時に、Google Fonts を通じてデザイナーやデベロッパーの皆様に日本語のウェブフォントをお試しいただけるようにしました。 Google Fonts provides an intuitive and robust directory of open source designer web fonts. Japanese typeface design and font development presents ma
macOS Sierra に組み込まれているフォント - Apple サポート
macOS Sierra に組み込まれているフォント macOS Sierra には、多数の書体が組み込まれています。必要に応じてダウンロード可能なものもあります。 以下のフォントは、macOS Sierra で自動的にインストールされ、有効になります。ほかのフォントも、書類や App で必要になった時点でダウンロードできます。 Al Bayan ボールド 11.0d0e1 Al Bayan プレーン 11.0d0e1 Al Nile 10.0d8e2 Al Nile ボールド 10.0d8e2 Al Tarikh レギュラー 10.0d4e1 American Typewriter 12.0d5e2 American Typewriter ボールド 12.0d5e2 American Typewriter コンデンス 12.0d5e2 American Typewriter コンデンス・
Apple、macOS Sierraに同梱されているフォントおよび、ダウンロード可能なフォントのリストを公開。
AppleがmacOS Sierraに同梱されているフォントのリスト＆ダウンロード可能なフォントのリストを公開しています。詳細は以下から。 Appleは現地時間 9月29日、macOS Sierraに同梱されているフォントおよび、SierraのFont Bookの新機能を利用し、ダウンロード出来るフォントのリストをサポートページにて公開しています。 macOS Sierra comes with many built-in or downloadable typefaces. The following fonts are installed and enabled automatically by macOS Sierra. Additional fonts are available for download or as needed by your document or app.
SST Type Project / Stories デザインが生まれるまでのストーリー / Sony Design
スマートフォンやタブレットなど、ディスプレイ上での体験が主役となる商品が増加し、 商品の役割もそれらが提供するユーザー体験も大きく変わりつつあります。こうした潮流に対し、 ソニーはあらゆるタッチポイントでユーザーに感動をもたらす体験を届けるために、 オリジナルフォントの開発に挑みました。そのフォント開発プロジェクトの核心に迫ります。 世界中のあらゆるタッチポイントで、 感動を提供するために 商品の小型化が進み、ハードウェアに記載される文字が小さくなる一方で、スマートフォンやタブレットなどディスプレイでの体験が主役に変わりつつあります。こうしたハードウェア上の表記はもちろんコンテンツを快適に楽しむ上で、文字の読みやすさはとても重要です。また、「フォント（書体）」の印象は商品のイメージだけでなく体験そのものに影響を与える大切なデザイン要素。ソニーが提供する商品そのものの価値や体験の質をさらに高
Re : Windowsで游ゴシックが汚いのは、どう考えてもWebデザイナーが悪い！
Re : Windowsで游ゴシックが汚いのは、どう考えてもWebデザイナーが悪い！ ネタ元 ： Windowsで游ゴシックが汚いのは、どう考えてもWebデザイナーが悪い！ ネタ元の記事にはいくつか疑問に思われる点があるので私で調べた内容をまとめておきます。 前置きとしてデバイスフォントの話となり環境によって異なる結果がでる可能性があることを前提に読んでください。 font-familyで「游ゴシック」を指定した場合に採用されるフォント まずは以下の箇所 そのため、font-familyで「游ゴシック」と指定すると、Macでは「ミディアム」で表示されて綺麗なのに、Windowsでは「細字」で表示されるためにかすれてしまうんです。 WWW WATCHさんで指摘(Windows で游ゴシックが細字になってしまう件は誰が悪いのかについて CSS 仕様から考えてみる)されている通りこれが事実ならW
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
MIME Types for Web Fonts in BedSheet
tonsky/FiraCode: Monospaced font with programming ligatures
Figs
ウェブ最大の「フォント問題」を巡ってアップル、グーグル、MS、アドビが団結
モダン日本語フォント指定
『意味不明なことばかり言ってるUXデザイナー達の代わりに「UXデザインとは何か」を端的に説明しよう』へのコメント
