15分の空き時間を重ねて作ったフォント「Inter」がMozillaやGitHubで使用されるようになるまで
ウェブサイトで使用されるフォントは見やすさや操作しやすさを左右する非常に重要な要素です。正しいフォントを使うことによって人の気分を良くすることもできるため、ウェブサービスやウェブサイトは使うフォントに対して慎重になりますが、Firefoxを開発するMozillaはブランドリフレッシュの一部として「Inter」というオープンソースフォントを使用することにしました。実はInterはウェブデザイナーによって空き時間に作られたフォントだということで、開発者がどのように開発が行われたのか、Interの何が優れているのかを明かしています。 The birth of Inter https://www.figma.com/blog/the-birth-of-inter/ Figmaで働くデザイナーのRasmus Anderssonさんは主にRobotoというフォントを使っていましたが、もともとRobot
MacTypeでWindowsのフォントをきれいに表示 - ただいま村
前回：gdi++でWindowsでもフォントをきれいに（d:id:Imamura:20120322:gdi） Windows VistaではFirefoxとテキストエディタだけgdi++できれいなアンチエイリアスにしていた。Windows 8（64bit）ではgdi++を使えないとのことで、MacTypeを使うことにした。 公式サイト snowie2000/mactype: Better font rendering for Windows. - GitHub（https://github.com/snowie2000/mactype）（旧：mactype - Ultimate font Rasterizer for Windows - Google Project Hosting：http://code.google.com/p/mactype/） 紹介 窓の杜 - 【REVIEW】Wi
Ricty を神フォントだと崇める僕が、フリーライセンスのプログラミングフォント「白源」を作った話 - Qiita
生成元にはプログラミング向け英文フォント Hack と、Adobe 製作の源ノ角ゴシックに丸みを付けた派生フォント 源柔ゴシック を使用させていただきました。 白源の生成元である Hack、及び源柔ゴシックには、いずれも SIL Open Font License Version 1.1 という大らかなライセンスが適用されているため、改変及び配布が自由となっています。したがって、白源の生成済みフォントファイル (ttf ファイル) は GitHub からダウンロードして、すぐにご利用いただけます。 「白源 (はくげん／HackGen)」の特徴 プログラミングフォント「白源 (はくげん／HackGen)」には以下のような特徴があります。 文字幅 半角1:全角2 の正統派な等幅フォント (文字幅 半角3:全角5 バージョンも同梱) Hack 由来の読みやすく、しっとりとした印象の英字 源柔ゴシ
新ゴやリュウミンなど、モリサワフォント553種類全部が誰でも無料で利用可能！STUDIOのアップデートがすごすぎ
新ゴやリュウミンなど、モリサワの500種類以上の書体が当ブログで紹介した際にも評判が高かったSTUDIOで、誰でも無料で利用可能になりました！ STUDIO自体も無料で利用できるので、文字通り「誰でも無料で利用可能」です。 STUDIOはコーディング作業は一切不要で、Webサイトやスマホアプリのデザインを積み木感覚で楽しくデザインできるツールで、無料で始めることができます。
Consolas - 開発者用のフォント
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 2019年02月22日追記：こちら、ライセンスが非常に怪しい（というかブラック）です。記事は残しますが、ダウンロード/利用されないことをお勧めします。 プログラマーやWebデザイナーにとってフォントは気になる存在です。そのフォントの善し悪しで作業効率が大幅に変わってきます。視認性の悪いフォントを使うと不用意なバグを生み出してしまう可能性もあります。0やO、Iとlなどが見分けやすいものを選ぶべきです。 今回は開発者向けに作られたフォント、Consolasを紹介します。元々オープンソース・ソフトウェアではなかったのですが、v8.0からオープンソース（といっても現時点ではライセンスはありませんが…）になるとのことです。 Consolasの使い方 フォントの見栄えはこんな感じ。 コードを表
肉眼で確認できないレベルで文書内に秘密のメッセージを隠すことができる「FontCode」
特殊な処理を施さないと目に見えないインクとして知られる「不可視インク」など、人類は他人に見られてはならない秘密情報をやり取りするための手段を数多く開発してきました。コロンビア大学のチャンシ・ズン准教授らの研究チームは、文書中に肉眼では確認できない秘密のメッセージを埋め込む技術「FontCode」の開発に成功しています。 [1707.09418] FontCode: Embedding Information in Text Documents using Glyph Perturbation https://arxiv.org/abs/1707.09418 Researchers hide information in plain text https://techxplore.com/news/2018-05-plain-text.html FontCodeが役に立ちそうな分野についてズ
San Francisco フォントを探る - Qiita
San Francisco Font Family San Francisco はひとつの書体ではなく、SF Pro, SF Compact などと呼ばれ、それぞれに Text, Display, Rounded バージョンが存在します。Text よりも Display の方が多くのウェイトを揃えているのは、Text は視認性を重視した書体ゆえ、細いものは利用する想定にないからなのだと思われます。SFシリーズはVariable fontに対応しています。 SF Pro vs. SF Compact SF Pro は macOS や iOS, tvOS デバイスのシステムフォントとして採用されています。SF Compact は Apple Watch のシステムフォントとして採用されています。Compact は字が四角形に近い形をしていて、Apple Watch のような小さなデバイスでも視
Unicode その他の記号及び絵記号 - CyberLibrarian
範囲：1F300～1F5FF Unicodeのその他の記号及び絵記号（The Unicode Standard Miscellaneous Symbols and Pictographs）を十六進数の数値文字参照で記述した表です。 Weather, landscape, and sky symbols（気象、景観、空の記号） Unicode 表示 名称 備考 1F300
CJK Type Blog | CJK Fonts, Character Sets & Encodings.
What in the world could オントロ (ontoro) and グスーム (gusūmu) possibly mean? (If you wait a few seconds, a hint will flash in the animated GIF above.) Continue reading… The UTC #160 meeting took place last week at Microsoft’s HQ in Redmond, Washington. For CJK enthusiasts, the big news is that the UTC accepted CJK Unified ideographs Extension G (aka IRG Working Set 2015), which includes 4,939 characters
CSSでwebフォントの読み込みが遅い問題を改善する方法 - Qiita
💀 Webフォントの問題点 Webフォントに限らず、ブラウザでテキストを表示する過程には、フォントの読み込み作業が存在します。また、フォントを読み終えるまではテキストを表示させない機能1がブラウザには組み込まれています。 ローカル環境下のフォントであれば読み込みに時間はあまりかからないので問題ありませんが、webフォントの場合はローカルフォントと比べると読み込みに多くの時間を要してしまいます。 この機能の影響で、ページのロードをしてからテキストが表示されるまでの間、ユーザーはテキストを読むことができない為、不満や苛立ちを覚え、体験価値の低下やページの離脱を引き起こすと考えられます。 ⚔️ 'font-display'プロパティでこの問題に立ち向かう font-displayというCSSプロパティを用いることで、webフォントを読み終えるまではローカルフォントを代替的にロードし、テキストの
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) 以下のことがわかります
源ノ明朝
源ノ明朝は、アドビフォントとしては２番目の Pan-CJK 書体ファミリーであり、Serif 書体として源ノ角ゴシックと対をなすものです。どちらのファミリーも、東アジアに住む 15 億の人々のための、統一された書体デザインへのニーズに応えるためにリリースいたしました。 源ノ明朝は、東アジアで用いられている４つの言語（簡体中国語、繁体中国語、日本語、および韓国語）で必要な文字をサポートします。それぞれ、７つのウェイトを持ち、各ウェイトに含まれる 65,535 の字形は、各言語の多様性を尊重するとともに、共通化できる部分については積極的にデザインの一貫性を高めるようデザインされています。さらに、欧文の豊富な文字セットを有し、ラテン、ギリシアおよびキリル文字に対応しますが、そのデザインは Source Serif に基づいています。
ナチスに禁止されながらもアポロ11号と月面まで到達したフォント「Futura」
幾何学的なデザインが多かった初期のフォントデザインの中で、1920年代に、今なお世界中で使われている現代的で可読性の高いフォント「Futura(フーツラ)」がドイツ人デザイナーのパウル・レナーによって発表されました。フーツラがナチス・ドイツに使用を禁じられるなどの危機を乗り越え、結婚式の招待状から芸術家・映画監督にまで愛されるフォントとして広まった経緯がムービーにまとめられています。 The font that escaped the Nazis and landed on the moon - YouTube 「Futura(フーツラ)」というフォントは世界中で広く使われています。 フーツラのフォントはナイフで切ったような鋭さと…… 大きく丸く描かれたカーブが特徴です。 フーツラは芸術家のバーバラ・クルーガーのポップアートに使われており…… バーバラ・クルーガーのパロディアートとして、ス
Text to ASCII Art Generator (TAAG)
Main Controls - *FIGlet and AOL Macro Fonts Supported* Font: Character Width: Character Height: Test All More Opts About Type Something Other Stuff From patorjk.com That You Might Like: Typing Speed Test Keyboard Layout Analzyer Text Color Fader Snake Game My Photography Site Main Page Share Link Select & Copy Generate Image Font Info patorjk.com
文字詰めできるCSSのfont-feature-settingsが凄い！ 日本語フォントこそ指定したい自動カーニング - ICS MEDIA
游ゴシックではプロポーショナルメトリクスは効果的 WindowsやmacOSに搭載されている游ゴシック体は、仮名が漢字に対してかなり小さめにデザインされています。游ゴシック体ではヒラギノ書体より字間が開いて見えてしまうため、プロポーショナルメトリクスを活用する効果は大きいです。 Webフォントにもプロポーショナルメトリクスは効果的 デバイスフォントだけでなく、Webフォントでもプロポーショナルメトリクスに対応したOpenTypeフォントがたくさんあります。Webフォントに関しては記事「Webフォントサービスの徹底比較！ 和文フォントが使える5つのサービスの利点まとめ」を参考ください。 ▲左側は未指定（和文等幅）の状態でカタカナの開きが大きい。右側はプロポーショナル字形を適用した状態で、カタカナが詰まっている。 対応環境：ほぼすべてのブラウザで利用可能 これだけ便利なCSSですが、どれだけの
Budou: 日本語のための自動折り返し制御ツール
.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ためしがき
SVGフォントはもう試した？透明感のある美しい文字表現ができるフォント -Opulent Font + SVG
フォント男子！ FONT BOYS ｜ KADOKAWA
もし、HTMLのテキスト周りでデザイナーからこんなお願いをされたら... - Qiita
