Resource - フォント

Web制作や各アプリなど様々なプロジェクトで使えるオープンソースのアイコンプロジェクト・「olicons」

olicons oliconsはWeb制作や各アプリなど様々なプロジェクトで使えるオープンソースのアイコンプロジェクトです。主にデザイナーやコーダー向けに開発されたそうです。 アイコンは丸みのあるフォルムの線画アイコンと塗りのア...

CSS-Tricksによるコーディングに最適なフォントのまとめ・「Coding Fonts 」

Coding Fonts Coding FontsはCSS-Tricksによるコーディングに最適なフォントのまとめサイトです。 先日ご紹介したDev Fontsと異なり、肝心のコードは確認出来るものの、画像となっていて実際に打...

プログラミング向けの様々なフォントを、実際にコードを書いて試せる・「Dev Fonts」

Dev Fonts Dev Fontsはプログラミング向けの様々なフォントを、実際にコードを書いて試せるWebアプリです。 実際に書かれているコードは編集可能となっており、他にもテーマや言語の種類も変えられるようになっています。...
Ads

任意のWebサイトで使われているWebフォントを調査、ダウンロードも可能なWebアプリ・「Font of Web」

Font of Web Font of Webは任意のWebサイトで使われているWebフォントを調査、ダウンロードも可能なWebアプリです。 解析したいWebサイトのURLを入力すると、そのサイトで利用されているWebフォントや...

シンプルで視認性の高いオープンソースのアイコンフォント・「Essentials」

Essentials Essentialsはシンプルで視認性の高いオープンソースのアイコンフォントです。GPLライセンスの元で配布されています。 300ほどのアイコンフォントが用意されており、インストールする事で設定された文字を...

Vue.jsで構築されたオープンソースのフォントビューア・「fontvuer」

fontvuer fontvuerはオープンソースのフォントビューアです。Vue.js+Electronで構築されており、各OSで動作します。 任意のテキストでインストールされているフォントを一括表示してくれるので探す際に表示確...

可変フォントに対応したフォントを探せる・「variable fonts」

variable fonts variable fontsは可変フォントに対応したフォントを探せるWebサイトです まだ多いとは言えないvariable fontsに対応した有料/無料のフォントが集められています OSSの...

Font Awesomeを線画アイコンにした1300以上のアイコンセット・「Line Awesome」

Line Awesome Line AwesomeはFont Awesomeを線画アイコンにしたアイコンのセットです。Font Awesomeのカタログ全体を対象に線画アイコンを作成したそうで、その数は1300を超える量となっています...

700以上のシンプルなアイコンをオープンソースで提供するプロジェクト・「Font Kiko」

Font Kiko Font Kikoは700以上ものアイコンを無償提供するアイコンフォントプロジェクトです。シンプルで使いやすそうなスタイルのアイコンを3つのウェイトで無償配布しています。 アイコンはフォントの他、SV...

コンテキストメニューからドラッグ中のテキストのフォント情報を調査出来るオープンソースのChrome拡張・「Fontanello」

Fontanello Fontanelloは右クリックで表示されるコンテキストメニューからドラッグしているテキストのフォントの情報を調べられるChromeエクステンションです。従来のエクステンションのようにわざわざ起動したりブックマー...

WordPressで人気のプラグイン用に作られたアイコンフォント・「wp-plugin-icons」

wp-plugin-icons wp-plugin-iconsはWordPressで人気のプラグイン用に作られたアイコンフォントです。よく使うプラグインなのだから管理画面内で分かりやすいようにアイコンで区別できるようにしよう、みたいな...

プロトタイプやフレームワークの為の落書きフォント・「Scribble Font」

Scribble Font Scribble Fontはプロトタイプやフレームワーク作成時用に作られた落書きタイプのフォントです。上図のような適当に書いたフォントをタイプできるようになります。同じ用途のフォントも既に開発されていますの...

Google Fontsの各フォントをタグ付けして探しやすく整理している・「Font Library」

Font Library Font Libraryは大量に存在するGoogle Fontsのフォントをタグでカテゴライズし、探しやすくするプロジェクトです。OSSとして公開されています。タグ付けし、整理して探しやすくしたもので、各アイ...

商用でも無料で使えるフォントを定期的に紹介する・「WeeklyFonts.com」

WeeklyFonts.com WeeklyFonts.comは商用でも無料で使えるフリーフォントを定期的に紹介するWebサイトです。Myfonts.com、Fonts.com、Fontbros.com、Fontspring.com ...

アイコンフォントとCSSをセットにしたツールキット・「Fontisto」

Fontisto Fontistoは沢山の汎用的なアイコンフォントと、そのフォントを活用するためのCSSをセットにしたツールキットです。アイコンはフォントだけでなくPNGも同梱されています。それぞれのアイコンはセットになっているCSS...

手作り感がかわいい、オープンソースなアイコンフォント・「JAM icons」

JAM icons JAM iconsは手作り感がかわいらしいOSSなアイコンフォントです。SVGも同梱されています。数は422ほどとなかなかの数ですね。丸みのある柔らかいスタイルで様々なコンテンツにマッチしてくれそうです。雰囲気はF...

文章内にグラフを表示するスパークラインを実装出来るOSSなフォント・「Spark」

Spark Sparkは上図のように文章内にグラフを表示させるスパークライン用のフォントです。フォントなのでJSを必要としない、という点がウリみたいです。フォントで実装はちょっと賢いなって思いました。ちょっとしたデータなら場所もとらな...

ワイヤーフレーム用のフォント・「Flow」

Flow Flowはワイヤーフレーム用に作られた棒状のフォントです。同じようなフォントが過去にもありましたね。こちらは角丸タイプなども用意してくれています。こんなの要らんという声もあるかもしれませんが、本フォント作成者も言うように、実...

複数のストックフォトサイトやフォント、モックアップ、動画の配布サイトをその場で探せる・「TheStocks」

TheStocks TheStocksはロイヤリティフリーの写真を配布するストックフォトサイトやフォント配布サイト、モックアップ、カラースキームや動画を配布する各サービスをその場で探せるWebサイトです。以前ご紹介したのですが、以前は...

画像をアップロードすると、その画像内で使われているフォント名を割り出してくれる・「Matcherator」

Matcherator Matcheratorは画像をアップロードすると、その画像内で使われているフォントの名前を割り出してくれるWebサービスです。既存サービスのWhatTheFontやWhatFontIsよりも、優れた性能だそうで...

DribbbleやBehanceでフリーで公開されているデザインリソースをまとめている・「DBFreebies」

DBFreebies DBFreebiesはDribbbleやBehanceでフリーで公開されているデザインリソースをキュレーションしているWebサイトです。リソースはアイコンやUIキット、フォント、モックアップ等に分けられています。...

フォント名から利用している主要Webサイトをリストにし、他の利用フォントも教えてくれる・「Font Reach」

Font Reach Font Reachはフォント名で検索すると、そのフォントを実際に利用(設定)している主要なWebサイトのリストを表示してくれるWebサービスです。(例:ヒラギノ角ゴ proを使用しているWebサイト一覧)リスト...
Ads