無料で商用可のウェブでよく使われるアイコンをフォント化した「CONDENSE-iconFont」
営利・非営利問わず自由に使用することが可能で、ウェブフォントとしても利用OKというTrueType/OpenType/WOFF/EOT形式のフォントが「CONDENSE-iconFont」です。下記サイトの一番下にある「DOWNLOAD」をクリックすればダウンロード可能となっています。 CONDENSE-iconFont http://icon.condense-c.com/ 実際にどのようなフォントがあるかというと、こんな感じです
営利・非営利問わず自由に使用することが可能で、ウェブフォントとしても利用OKというTrueType/OpenType/WOFF/EOT形式のフォントが「CONDENSE-iconFont」です。下記サイトの一番下にある「DOWNLOAD」をクリックすればダウンロード可能となっています。 CONDENSE-iconFont http://icon.condense-c.com/ 実際にどのようなフォントがあるかというと、こんな感じです
見慣れたウェブアイコンをフリーフォントにした「CONDENSE-iconFont」（無料） | ライフハッカー・ジャパン
デスク配線がスッキリ。Ankerの全部入り12 in 1モニタースタンドが突然8,250円OFFされてた #Amazonセール
GitHub - keremciu/sketch-iconfont: This plugin helps you easily insert and manage icons from icon fonts.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
sketch-iconfontはSketchでアイコンフォントを手軽に使えるようにする為のプラグインです。Font AwesomeやIon icons等に対応してるそうです。尚、使いたいアイコンフォントはOSにインストールされている必要があるとの事。アイコンフォントを多用する方は時間短縮に繋がるかなと思います。本プラグインはMITライセンスのもと、OSSとして公開されています。 sketch-iconfont
gulp-iconfont
Create SVG/TTF/EOT/WOFF/WOFF2 fonts from several SVG icons with Gulp. You can test this library with the frontend generator. Warning: While this plugin may still be useful for fonts generation or old browser support, you should consider using SVG icons directly. Indeed, when i created gulp-iconfont and all its related modules, using SVG icons was just not realistic for a wide browser suppport but
[Gulp][SketchTool][Sketch 3]これからはじめるGulp（22）：gulp-iconfontとgulp-sketchを使ったアイコンフォント作成の自動化
はじめに この記事はGulp.js（全俺） Advent Calendar 2014です。 前回のこれからはじめるGulp（21）：gulp-awspublishプラグインを使ったAmazon S3への静的WebサイトパブリッシュでAmazon S3への静的サイトパブリッシュを試しました。今回はSketch 3のデザインデータからgulp-iconfontとgulp-sketchプラグインを使ってアイコンフォント作成を自動化してみたいと思います。 gulp-iconfontについて gulp-iconfontはSVGアイコンを使ってSVG/TTF/EOT/WOFF形式のフォントを作ることができます。 gulp-sketchについて gulp-sketchはこれからはじめるGulp（19）：gulp-sketchとgulp-execを使ったSketch 3デザインデータの画像書き出しの回で紹
![[Gulp][SketchTool][Sketch 3]これからはじめるGulp（22）：gulp-iconfontとgulp-sketchを使ったアイコンフォント作成の自動化](https://cdn-ak-scissors.b.st-hatena.com/image/square/28ce70a4ba19573c729e61a380304d78f3fccffd/height=288;version=1;width=512/http%3A%2F%2Fwhiskers.nukos.kitchen%2Fassets%2Fimages%2Fogp.png)
これからはじめるGulp #23：gulp-consolidateでgulp-iconfontで作ったアイコンフォントのシンボル一覧HTMLを作る | DevelopersIO
はじめに 前回のこれからはじめるGulp（22）：gulp-iconfontとgulp-sketchを使ったアイコンフォント作成の自動化でSVGアイコンからアイコンフォントを自動生成する方法を試しました。今回は前回の記事をベースにgulp-consolidateを使ったアイコン一覧を確認できるHTMLを作ってみます。 この記事はSymbols for Sketchを参考にしています。 gulp-consolidateについて gulp-consolidateはLo-Dashやswig等のテンプレートエンジンをGulpから使えるようにするプラグインです。対応しているテンプレートエンジンはこちらに記載されています。 デザインファイル デザインファイルは前回の記事のアイコンデータをそのまま利用します。 テンプレートファイル 今回、時間短縮のためにSymbols for Sketchのソースにある
GIGAZINEさんやLife Hackerさんで取り上げられ、話題になっていますが、大分県で活躍されているデザイン事務所CONDENSEさんから、すばらしいWEBフォントが公開されました。 CONDENSE-iconFont スマホサイトのボタンを設置する場合、１つずつ画像を作ったり、CSS SpriteでCSSを指定するというのも面倒なときがあります。 そんなときに、このWebフォントを使うと、フォント名を指定し、CSSで飾りをつけるだけで、画像の処理を行わず、アイコンを作ることができます。 ダウンロードCONDENSE-iconFontのダウンロードはこちらから í ライセンス「営利、非営利問わず自由に使用できます。但し、再配布は禁止しています。」 とのことで、WEB制作にも自由に使えますね。 フォントファイルダウンロードしたファイルを解凍すると、 CONDENSEicon.woff
material-design-icons/iconfont at master · google/material-design-icons · GitHub
The recommended way to use the Material Icons font is by linking to the web font hosted on Google Fonts: <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Sketchでアイコンフォントを手軽に使えるようにするプラグイン・「sketch-iconfont」
WEBフォントCONDENSE-iconFontを使ってアイコンボタンを作ってみた
GitHub - dovy/elusive-iconfont: Open-Source Iconfont.