Bootstrap向けのフラットなアイコンフォント・「Flat Line Icons Webfont」
Flat Line Icons Webfont Flat Line Icons WebfontはBootstrap向けに作られたフラットなアイコンフォントです。無料版と有料版があり、無料版は50、有料版は180以上のアイコンが用意され...
Resource - フォント
よく見かけるGoogle Fontsのフォントのクローンを作成、Webフォントとして配信する・「Brick」
Brick Brickはよく見かけるGoogle Fontsのフォントを、出来る限り手を加えずに品質を向上させ、Webフォントとして配信するWebサービスです。ツール及び、クローンフォントはGithubでも公開されています。利用方法は...
SVGをアップロードしてフォント化できる・「Glyphter」
Glyphter GlyphterはSVGをアップロードしてフォント化、ダウンロードできるWebツールです。それぞれのアルファベット文字に、任意のSVGファイルをアップロードしてフォントを作成できます。アップロードはドラッグ&ドロップ...
ブラウザで作成出来る、HTML5製のフォントエディタ・「Glyphr」
Glyphr GlyphrはHTML5製のフォントエディタです。ブラウザ上でオリジナルのフォントをデザインする事が可能です。軽量でUIも割と使いやすい印象でした。また、Githubでもソースコードが公開されています・・・が、ライセンス...
複数のアイコンフォントから任意のアイコンを検索出来る・「GlyphSearch」
GlyphSearch GlyphSearchは複数のアイコンフォントから任意のアイコンを検索出来るWebサービスです。フォントはFont Awesome、Glyphicons、Ionicons、Iconicの4種で、この中から任意の...
フォントファイルをアップロードし、エフェクトを加えて別のフォントファイルとしてダウンロード出来る・「FontPunk.com」
FontPunk.com FontPunk.comは、フォントファイルをアップロードして、アウトラインや太さを調節し、別のフォントとしてDL出来る、というWebサービスです。加工は斜めにしたり3D化したりと様々。まだ細かい加工は出来ま...
アニメーションエフェクトの掛かったフォントと実装コードを公開しているWebギャラリー・「Anitype」
Anitype Anitypeはアニメーションするフォントを実装する為のコードを募集、公開している参加型のWebギャラリーです。文字ごとに複数投稿されており、様々なタイポグラフィーを参考にする事が出来ます。フォントごとのタイポグラフィ...
オンラインでフォントを作成出来るWebツール・「FontArk」
FontArk FontArkはオンラインでフォントを編集、作成出来る高性能なフォントエディタです。マウスの操作で手軽にフォントを作成する事が出来ます。既存フォントを編集する事も可能です。登録は無料ですが、フォントのダウンロードにはク...
Googleフォントでどのフォントが人気かが分かる・「Google Fonts :Analytics」
Google Fonts Analytics Google Fonts AnalyticsはGoogleフォントでホスティングされているフォントで、どれが人気なのかが分かるツール・・・ツールではなく公式の機能ですが、今日初めて存在を知...
フォントとしても利用可能な大量のフラットなアイコンを配布する・「Flaticon」
Flaticon Flaticonは大量のフラットなデザインのアイコンを配布するWebサイトです。アイコンフォントとしても利用可能でSVGやPNG、PSDファイルも同梱されています。かなりの数があるので覚えて置いて損は無さそうですね。...
オープンソースで配布されているシンプルなアイコンフォントのセット・「Ionicons」
Ionicons Ioniconsはオープンソースで配布されているシンプルなアイコンフォントです。やや丸みを帯びたデザインで使いやすそうですね。MITで公開されており、SVGのソースファイルも同梱されています。 Ionicons
Google Map向けのアイコンフォント・「Map Icons」
Map Icons Map IconsはGoogle Map向けのアイコンフォントです。地図によく使用される施設等を明示するアイコンをフォントとして提供してくれています。ライセンスはOFLとの事です。 Map Icons
任意のWebページにWebフォントを使った状態で表示確認できる・「TypeWonder」
TypeWonder TypeWonderは任意のWebページで、Webフォントを使用した状態の表示確認が出来るツール。URLを指定し、Webフォントを選択すると、そのWebフォントを使った状態でWebサイトが表示されます。確認はして...
Webフォントを使ったWebデザインをコレクションしている・「Typewolf」
Typewolf TypewolfはWebフォントを使ったWebデザインをコレクションしてショーケースにしているWebサイトです。フォント別にカテゴリ分けしてあるみたい。まだ数は多くありませんが、増えれば良いインスピレーションを期待で...
Webフォントを使ったWebデザインのギャラリー・「WebfontsCorner 」
WebfontsCorner WebfontsCornerはWebフォントを使っているWebデザインをギャラリーにしているコレクションサイトです。まだ数は少ないですが、シンプルで見やすい印象ですので覚えておいて損は無さそうです。 ...
Google Web Fontのフォントの差分を確認出来る・「Tiff」
Tiff TiffはGoogle Web Fontでホスティングされているフォントを2つ指定して差分を確認出来るツールです。フォント名を入力し、任意のテキストを入力すれば文字同士が重なって表示されます。表示された文字はクリック...
主要ソーシャルサイトのWebアイコンフォント・「Socialicious」
Socialicious Socialiciousは主要なソーシャルサイトのアイコンをWebフォントにしたもの。Twitterやflickr、dribbble、githubやFacebook、tumblr、Youtubeなど、一通り揃...
Webフォントとしても使えるMetroスタイルのアイコンセット・「Metrize Icons」
Metrize Icons Metrize IconsはMetroスタイルなアイコンのセットです。シンプルで使いやすそうですね。SVGやWebフォントも用意されています。ライセンス形態は明示されていませんが、商用で使えて帰属表記の必要...
作成したフォントをパブリックドメインで公開・「ドットコロン」
ドットコロン ドットコロンは、作成したフォントをパブリックドメインで公開、配布してくれている日本のWebサイトです。欧文フォントではありますが、どれも綺麗で使いたくなりますね。勿論Webフォントとしても利用させて貰えます。 ドッ...
プログラミングに適したフォントをまとめている・「What are the best programming fonts?」
What are the best programming fonts? What are the best programming fonts?は、エディタでコードを書く際に適したフォントをまとめたWebページです。プログラミング向...
フリーでオープンソースなフォントのプロジェクトサイト・「The League of Moveable Type」
The League of Moveable Type The League of Moveable Typeはオープンソースなフォントのプロジェクトサイトです。Webフォントにも利用出来るみたい。英字のみになります。フォントのライセ...
CSSタイポグラフィの使用例をコレクションしている・「Typespiration」
Typespiration TypespirationはWebフォントとCSSによるタイポグラフィをコレクションしているギャラリーサイトです。CSSコード、カラースキーム、利用したフォントと使用例を紹介しています。 Typesp...