フォントの名前が分からないGoogleフォントをデザイン面から直感的に探すことができる -better font finder
Googleフォントを探す時には通常、フォント名やセリフ・サンセリフなど分類するための用語が必要ですが、このオンラインサービスでは特に必要ありません。 フォントの見た目、デザイン面から無料で利用できるGoogleフォントを探すことができるオンラインサービスを紹介します。 better font finder 英語のフォントだけでなく、日本語の有料フォントや無料フォントで、フォント名が分からない時は下記が便利です。 フォント名が分からない日本語・英語のフォントを検索できる無料サービスのまとめ better font finderは先日ローンチしたばかりの無料サービスです。使い方は簡単、登録など面倒なことも不要です。 まずは、サイトにアクセスします。
誰でもフォントの利用者・配信者になれるWebフォントサービス開始
同サービスは、誰でもフォントの配信が行える日本語Webフォントサービス。自分の作ったフォントを登録・価格設定し（手数料は無料）、Webフォントとして販売することが可能となっている。登録されたフォントファイルは、同サービスの独自技術によりWebページに必要な文字だけのフォントとして配信が行われるので、軽量で高速な日本語フォントの配信を誰でも行うことができるということだ。さらに、アップロードしたフォントファイルをブラウザで細かく確認できるフォント確認ツールが搭載されており、配信されるフォントの確認も手間無く行えるようになっている。 また、Webフォントの機能としての最大の特徴は、Ajaxやユーザー入力により動的に追加された文字毎に差分の通信を行い、軽量高速にフォントが適用できる点となっている。これにより、Ajaxを活用したWebアプリや、通信量が気になるスマートフォンコンテンツでも、積極的にフ
商用利用可能！高品質なオススメ日本語Webフォント10選（無料フォント多数） - ICS MEDIA
Webフォントは、サーバーにあるフォントデータを読み込むことで、端末の環境に依存せず同じフォントをウェブページに表示する技術です。 2010年頃からCSS 3の登場とともに徐々に浸透し、近年ではさまざまなウェブサイトやサービスで使われるようになりました。 しかし日本語フォントは3〜10MBもの大容量になったり、導入にコストがかかったりと、採用を見送っている方もいるのではないでしょうか。今回は実用的でオススメの日本語Webフォントを、それぞれの特徴を踏まえつつ紹介します。 Noto Sans JP / 源ノ角ゴシック 世界中の言語をサポートすることを目標にAdobeとGoogleが開発したフォントファミリー。Googleのブランド名は「Noto Sans JP」で、Adobeのブランドは「源ノ角げんのかくゴシック（英名：Source Han Sans）」といいます。 Noto Sans JP
Webフォントサービスの徹底比較！ 和文フォントが使える5つのサービスの利点まとめ - ICS MEDIA
以前、記事「[商用利用可能！高品質なオススメ日本語Webフォント8選（無料フォント多数）](https://ics.media/entry/13498/）」にて日本語のWebフォントを紹介しました。無料のWebフォントを中心に紹介しましたが、種類が少なく使いたいフォントがないといった場合も多いかと思います。 そういった場合に有償のWebフォントサービスが候補として挙がりますが、使用できる書体数やPV数の制限などサービス内容の違いがあり、どのサービスを選択するか悩ましいのではないでしょうか。今回は5つのWebフォントサービスを取り上げ、それぞれで扱っている書体数やプラン内容などを徹底比較します。 TypeSquare 「TypeSquare」はモリサワが提供しているWebフォントサービスです。800を超える書体（和文フォントは695書体）から選択可能で、主な書体として「新ゴ」「リュウミン」「
【Font】Google Web Fonts で日本語フォントの［Noto Sans Japanese］を使う。
【Font】Google Web Fonts で日本語フォントの［Noto Sans Japanese］を使う。 これ、いつから使えるようになっていたのでしょうか？ 今さらなのかもしれませんが Google Web Fonts で日本語フォントの［Noto Sans Japanese］が利用できるようになっていたので、その導入方法を紹介します。 「Noto Sans Japanese」って何？ そもそも［Noto］とは Google と Adobe が共同開発したフォントで、昨年（2014年）の7月16日にリリースされました。 世界中のあらゆる言語がサポートされていて、文字の太さ（font-weight）は７種類も用意されています。 当然、日本語にも対応しており、国内のデザイナーの方々が歓喜して導入・利用をはじめたのはまだ記憶に新しいですね。 リリース当時、弊社のブログでも大々的に取り上げ
Web Font Anti-Pattern: Agressive subsetting - Bram Stein
Web Font Anti-Pattern: Aggressive subsetting October 13, 2015 Subsetting is a great way to reduce the file size of your fonts. Don’t go overboard with subsetting though, there may be unexpected consequences. Subset, but subset with care. Professionally designed fonts usually contain support for multiple languages so they can be used all over the world. However, if you only
Web Font Anti-Patterns: Inlining - Bram Stein
Web Font Anti-Patterns: Inlining October 13, 2015 A very common anti-pattern is inlining font files in a stylesheet using base64 encoding. Inlining fonts avoids the overhead of an HTTP request, but that advantage may not outweigh the many downsides. Inlining is beneficial when you load multiple fonts. Normally a browser needs to create a new connection for each resourc
Web Font Anti-Pattern: Overusing web fonts - Bram Stein
Web Font Anti-Pattern: Overusing web fonts October 13, 2015 This is my favourite web font anti-pattern and one I often get wrong myself; why are you using web fonts for that? I get it. Web fonts are great. I love them too, but they are overused. The global average of font requests per page has tripled in the last couple years. It’s great that developers and designers are using more
Web Font Anti-Patterns - Bram Stein
Web Font Anti-Patterns October 13, 2015 Almost every web developer has used web fonts. Unfortunately, there is a lot of confusion about web fonts. Are they really bad for performance? Maybe you should not use web fonts at all? Fear not, this series of articles takes a look at some of the most common anti-patterns for creating, using, and loading web fonts. Web fonts can be gr
Better webfont loading with using localStorage and providing WOFF2 support
In my previous article about webfont loading I showed a technique about how to load webfonts without blocking page rendering and without annoying the users with flickering text on all pageloads. This time I show you an optimized version of the script and provide a solution for WOFF2 support for the newest browsers. Expectations The users must see the text as soon as possible. As longs as the font
【フォントの些事】第1回 インストールする前に確認したいフリーフォントの基礎知識 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナー兼イラストレーターのもりたです。 最近、うら若い後輩たちが意外とフォントのあれこれについて知らないということに気付きました。なので、フォントのことについて何回かに分けて書いていきたいと思います。 第1回目は、プロになりたてのデザイナーだとうっかり間違えることも多い、「フリーフォント」について。 初歩的な話しかしていないので、もう何年もデザイナーをやってる人にとっては常識なことばかりだと思います。 いろんな人に叱られたり肝を冷やしたりしながら覚えてきたことだと思うので、若手の子が迷ったとき、こんなことも知らないの？と言う前に、ぜひこの記事のURLをそっと渡してあげてください。 もくじ そのフリーフォント、使っても大丈夫？ フリーフォントの「フリー」は、無料という意味 フリーでも使えない場合もある！ フリーフォントを使うときに気をつけたいこと フリーフォントを探すならこの
サイト上の文字をより魅力的に フリーwebフォントまとめ「23 Best Free Web Fonts Of 2014」
TOP > Font > サイト上の文字をより魅力的に フリーwebフォントまとめ「23 Best Free Web Fonts Of 2014」 web上でユーザーの環境に左右されることなく表示することが可能なwebフォント。多くのサイトで見かけることが非常に多くなってきましたが、今回紹介するのはフリーwebフォントまとめ「23 Best Free Web Fonts Of 2014」です。 Free Font Lato by tyPoland Lukasz Dziedzic | Font Squirrel さまざまな種類の、いろいろなシーンで活用できるwebフォントがまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。 詳しくは以下 Lost Type Co-op | Fairview 縦に長さを出した形状が印象的なwebフォント。かちっとした印
Fonts by Hoefler&Co.
H&Co designs fonts for print, web, and mobile environments.
大量のフォントから好きなフォントだけ抜き取ってWEBフォント化できる「Font Combiner」:phpspot開発日誌
Font Combiner | Custom web fonts and web icons 大量のフォントから好きなフォントだけ抜き取ってWEBフォント化できる「Font Combiner」。 使う文字だけをドラッグ＆ドロップで移動させて好きなWEBフォントが作れます。アイコン等も多数用意されているので、自分のサイトだけに最適化されたWEBフォントが作れます 関連エントリ サイトのフォントを特定のWEBフォントでプレビューできる「TypeWonder」 Webフォントとして使えるピクトグラムアイコンセット「MFG Labs icon set」 ブラウザ上でアイコンを選んでアイコンフォントが作れる「IcoMoon」 汎用で使えそうなフリーのアイコンフォント「Genericons」 手書き風の英文フォント10
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
創作にぴったり！異世界の魔法、武器、防具、道具、生き物をテーマにした無料のピクトグラムがなんと495種類も！ | コリス
Webフォントで変えるウェブの世界観 ～ フォントの老舗モリサワが、Webフォントの歴史と最新事情を紹介 | さくらのナレッジ
An Intro to Adobe Edge Web Fonts: Updated for 2020
Googleフォントで好みのフォントを見つけるのはなかなか大変だけど、これを利用すると簡単に探せる！ -Font Library
Adobe Fonts
WebフォントのMIMEタイプ（Content-Type） at softelメモ
