CONDENSE-iconFont
A A B B C C D D E E F F G G H H I I J J K K L L M M N N O O P P Q Q R R S S T T U U V V W W X X Y Y Z Z a a b b c c d d e e f f g g h h i i j j k k l l n n m m o o p p q q r r s s t t u u v v w w x x y y z z 0 0 1 1 2 2 3 3 4 4 5 5 6 6 7 7 8 8 9 9 ! ! " " # # $ $ % % & & ' ' ( ( ) ) * * + + , , - - . . / / : : ; ; < < = = > > ? ? @ @ [ [ \ \ ] ] ^ ^ _ _ ` ` { { | | } } ~ ~ Ä Ä Å Å Ç Ç É É Ñ Ñ Ö Ö
営利・非営利問わず自由に使用することが可能で、ウェブフォントとしても利用OKというTrueType/OpenType/WOFF/EOT形式のフォントが「CONDENSE-iconFont」です。下記サイトの一番下にある「DOWNLOAD」をクリックすればダウンロード可能となっています。 CONDENSE-iconFont http://icon.condense-c.com/ 実際にどのようなフォントがあるかというと、こんな感じです
見慣れたウェブアイコンをフリーフォントにした「CONDENSE-iconFont」（無料） | ライフハッカー・ジャパン
「CONDENSE-iconFont」はウェブアイコンをフォント化したものです。フォルダやカレンダー、鍵マークなど、ウェブでよく利用されるアイコンがフォントになっており、無料でダウンロードできます。 詳細は以下より。まず「CONDENSE-iconFont」へアクセスします。 このように各アルファベットにアイコンが割り当てられています。最下部にダウンロードリンクがあるのでダウンロードしてみましょう。ダウンロード後、フォントをインストールすると利用できるようになります。ウェブ製作の際など、ちょっとした遊び心も加えられそうですね。 ライフハッカーではこれまでにもフォントについての記事をいくつか紹介してきました。「自分の手書き文字で英字フォントが作れる無料サービス」「自分のPCにインストールされているフォントのプレビューをWEB上で行えるサイト」「無料で使えるGoogleウェブフォントのクイック
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でアイコンフォントを手軽に使えるようにするプラグイン・「sketch-iconfont」 - かちびと.net
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 #23：gulp-consolidateでgulp-iconfontで作ったアイコンフォントのシンボル一覧HTMLを作る はじめに 前回のこれからはじめるGulp（22）：gulp-iconfontとgulp-sketchを使ったアイコンフォント作成の自動化でSVGアイコンからアイコンフォントを自動生成する方法を試しました。今回は前回の記事をベースにgulp-consolidateを使ったアイコン一覧を確認できるHTMLを作ってみます。 この記事はSymbols for Sketchを参考にしています。 gulp-consolidateについて gulp-consolidateはLo-Dashやswig等のテンプレートエンジンをGulpから使えるようにするプラグインです。対応しているテンプレートエンジンはこちらに記載されています。 デザインファイル デザインファイ
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
GitHub - nfroidure/gulp-iconfont: Create icon fonts from several SVG icons
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
営利・非営利問わず無料で利用でき、Webフォントとしても利用可能なアイコンフォントがCONDENSE-iconFontです。 CONDENSE-iconFontはWebでよく使われるアイコンをフォント化したアイコンフォント。大分県で活動するデザイン事務所CONDENSEの代表を務める梶原勇吾さんが制作しました。 シンプルで使いやすそうなアイコンがたくさん揃っています。 TrueType、OpenType、WOFF、EOT形式でフォントデータが用意されているので、Webフォントしても利用することもできます。営利、非営利問わず使用することができますが、再配布は禁止ということです。 最近はWebフォントとして利用できるアイコンフォントをよく見かけますが、日本人の方が配布されているのは初めてみました。個人的には日本人の方が作られているほうが安心感があり、有り難いです。 Web Site CONDE
GitHub - isaxxx/iconfont-gen: Generate Iconfont from SVG files.
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
iconfont.co
Buy this domain. iconfont.co 2021 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy
iconfont-阿里巴巴矢量图标库
iconfont-国内功能很强大且图标内容很丰富的矢量图标库，提供矢量图标下载、在线存储、格式转换等功能。阿里巴巴体验团队倾力打造，设计和前端开发的便捷工具
GitHub - ejholmes/elusive-iconfont-sass-rails: Elusive Iconfont for Rails 3.1+ asset pipeline.
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
見慣れたウェブアイコンをフリーフォントにした｢CONDENSE-iconFont｣（無料） | ライフハッカー［日本版］
｢CONDENSE-iconFont｣はウェブアイコンをフォント化したものです。フォルダやカレンダー、鍵マークなど、ウェブでよく利用されるアイコンがフォントになっており、無料でダウンロードできます。 詳細は以下より。まず｢CONDENSE-iconFont｣へアクセスします。 このように各アルファベットにアイコンが割り当てられています。最下部にダウンロードリンクがあるのでダウンロードしてみましょう。ダウンロード後、フォントをインストールすると利用できるようになります。ウェブ製作の際など、ちょっとした遊び心も加えられそうですね。 ライフハッカーではこれまでにもフォントについての記事をいくつか紹介してきました。｢自分の手書き文字で英字フォントが作れる無料サービス｣｢自分のPCにインストールされているフォントのプレビューをWEB上で行えるサイト｣｢無料で使えるGoogleウェブフォントのクイック
チャオ！ iOS開発でアイコンフォントを使うと色々ハッピーになれるよ！ 本当はsvg画像をそのまま何もしないで食べてくれるともっとハッピーなんだけどね・・ ##何がうれしいの？ 容量が軽い そもそもpngなどで書きだしたものよりベクター画像の方軽い 1倍、2倍（レティーナ用）、3倍（6plus用）の３つ必要だが、1つで済む サイズ、色違いも1つで済む 大きくしてもガタガタにならない ベタクーなのでなめから、PDFでセットしたベクター画像は最終的にはビットマップに変換されるのでアニメーションとかで大きくしたらガタガタに。 テキストなので使いやすい テキストなんでUIImageViewではなくUILabelとかで表示する感じになります。 普通にボタンとかにもセットできちゃいます。 UIButton *btn = [[UIButton alloc] initWithFrame:CGRectMak
Free Download : 274 Vector Line Icons (SVG, EPS, PNG, PDF, Iconfont) - Designbeep
Today’s free design resource vector line icon set is designed and released by Fps Web Agency.this icon set contains 274 free line style icons for your web design projects. In the pack you can find icons in PDF, SVG, EPS, PNG formats and finally as an icon font. Download and use it wherever and whenever you want. Free for personal and commercial use as well. DOWNLOAD View All Free Icons
CONDENSE-iconFontは、Webでよく使われるアイコンをフォント化したものです。 TrueType / OpenType / WOFF / EOT形式でフォントデータを用意しており、ウェブフォントとしてもご使用いただけます。 営利、非営利問わず無料でご使用いただけます。 このアイコンフォントが多くの方のお役に立てると幸いです。
チャオ！ Android開発でアイコンフォントを使うと色々ハッピーになれるよ！ 単色しか使えないんだけど、むしろマテリアルデザインとは相性いいよね！ 何がうれしいの？ iOS・ウェブと共通で使える このメリットのために、ワザワザフォント化している説 容量が軽い そもそもpngなどで書きだしたものよりベクター画像の方軽い ldpi,mdpi,hdpi,xhdpi,xxhdpiとかそれぞれのサイズに合った画像を用意するとかもう地獄。 サイズ、色違いも1つで済む 大きくしてもガタガタにならない ベタクーなのでなめから、普通に文字なのでアニメーションとかさせてもいい感じに テキストなので使いやすい <?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/an
UWPアプリ開発に便利なユーティリティ「アイコンフォント これくしょん（IconFont Collection）」をリリースしました。
UWPアプリ開発に便利なユーティリティ「アイコンフォント これくしょん（IconFont Collection）」をリリースしました。
Cannot read property 'toString' of undefinedとエラーが出る 原因 template.cssのglyph.codepointが取れていなかったのが原因でした。 解決方法 gulp-iconfontのドキュメントをちゃんと読んでみたら、 template.cssのこの部分を↓ glyph.codepoint.toString(16).toUpperCase() このように直す↓ glyph.unicode[0].charCodeAt(0).toString(16).toUpperCase() と書いてありました。 illustlatorから切り出したSVGのフォントファイルが壊れる 原因 画像サイズが縦横10pxと、小さすぎたのが原因でした。 解決方法 画像サイズを大きくして書き出し直したら解決しました。 （20px以上だと問題なさそうです）
この記事はFrontrend Advent Calendar 2014の20日目の記事です。 最近gulp iconfont を使っていてハマってしまった… ってことがあったのでハマったとことどう対応したかを書きます！ font-smoothingにはまった…！ アイコンが綺麗に表示されるようにfont-smoothingを使っていたのですが、 Android2.3系のある特定のスマートフォンでアイコンがまったく表示されなくなりました… だからfont-smoothingを使わないようにしました。（iOSは問題なかったのでいれてます） キャッシュにはまった…！ 最初は気づかなかったのですが、アイコンフォントを追加するたびにキャッシュが残ってなかなか更新されなくなるというところにハマってしまいました… だからアイコンを追加して更新するごとにCSS側にクエリパラメータをいれるようにしました。
#はじめに webサービスでアイコンフォントを使おうとして、自分の好きなアイコンだけ選んで使え、自作のアイコンを登録できるicomoonを使用していた。 しかし、無料版は設定をCookieに保存するので下記の点で困っていた。 キャッシュクリアしたら再作成する必要がある 他人と設定を共有できない 課金額に見合うメリットが見出せない そんなわけで、アイコンをGulpで生成きないかなと思ったらgulp-iconfontというパッケージがあったので導入時に詰まったところを備忘録として残しておく。nodeとgulpの使い方は省略します。 アウトプットファイル アイコンフォント一式 sassファイル ここからさらにsassコンパイルして１つのcssを出力しているため ドキュメントファイル html（iconsTemplate.html） css（iconsTemplate.css） 使用フォント一覧を
営利・非営利問わず自由に使用することが可能で、ウェブフォントとしても利用OKというTrueType/OpenType/WOFF/EOT形式のフォントが「CONDENSE-iconFont」です。下記サイトの一番下にある「DOWNLOAD」をクリックすればダウンロード可能となっています。 CONDENSE-iconFont http://icon.condense-c.com/ 実際にどのようなフォントがあるかというと、こんな感じです
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
無料で商用可のウェブでよく使われるアイコンをフォント化した「CONDENSE-iconFont」
WEBフォントCONDENSE-iconFontを使ってアイコンボタンを作ってみた
GitHub - dovy/elusive-iconfont: Open-Source Iconfont.
Webフォントとしても利用できるシンプルな無料アイコンフォント「CONDENSE-iconFont」
iOSアプリ開発をIconFontで幸せに - Qiita
CONDENSE-iconFont
Androidiアプリ開発をIconFontで幸せに - Qiita
gulp-iconfontでハマったこと - もっく日記
gulp iconfontではまった！そしてその後… - Qiita
icomoonに頼らずにiconフォントを作成する（gulp-iconfont） - Qiita
無料で商用可のウェブでよく使われるアイコンをフォント化した「CONDENSE-iconFont」