無料でも使えるアイコンWebfontのまとめ。2015年上半期版
無料でも使えるアイコンWebfontのまとめ。2015年上半期版 Publish2015/06/24(水) 今日は仕事で調べる事があったのでついでにまとめた系記事そのなんぼやろになる感じの、自分とか作る人向けの内容です。 サイトでアイコンを使いたいなという時に、オリジナルで作るよりもすでに公開されているアイコンを使用する事はよくある事かと思うんですが、「あれってどこやったっけ？」ってなりがちなので、よく使うものをまとめておきます。 アイコンWebfontのメリット この記事を見ている時点で使用するメリットはすでに知っていると思うので、端折ってもいいかと思うんですが一応書いておきます。 一番の理由は、手軽に品質の高いアイコンが使えるという事。 そして、Webfontなのでスマートフォンで見た時にもきれい、cssで書けるので色の変更とかも簡単とかのメリットがあります。 あと、上手く使えばブログ
無料でできる！オリジナルアイコンフォントを作ってみよう | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
みなさんはじめまして！ アートディレクター兼デザイナーの長岡と申します。 社内では、ひろさんと呼ばれています。 入社したばかりですが、どうやらLIGの最年長記録を更新したようです(^^;) 2児の父親として、プライベートでは、子育てに奮闘中なのですが、最近乗り物に興味を持ちだした息子。 電車や車が大好きなようで、テレビに映る度に指をさして「でぇ～んしゃ～♪」とか「ぶぅ～ぶぅ～♪」と叫んでます。 そんな息子の姿を見て、毎日癒されてます(^-^) さて本題に入りますが、スマホサイト・レスポンシブデザイン・Bootstrapなどで度々目にするアイコンフォント。 モバイルファーストを考えながらの制作ですと、表示速度も意識しなければなりませんね～。 フリーのアイコンフォントは、たくさんあれど、「アイコンが多すぎる！」「もっと少なくしたい！」「オリジナルでアイコンを作ったけれども、これをどうにかアイコ
【後編：Webフォント化】アイコンをWebフォント化してリクエスト数の削減とRetina Displayに一発対応 | DevelopersIO
はじめに みなさんこんにちは、高速化やSCSSの記事を書いている野中です。 前「【前編：フォント作成】アイコンをWebフォント化してリクエスト数の削減とRetina Displayに一発対応」はマインクラフトネタでフォントの作成について紹介しました。 今回は、作成したフォントをWebフォント化して読み込んでみたいと思います。 前回作成した匠顔フォントはこちら Creeperフォントをダウンロード 1，Webフォントについて 少し古いですが詳しい解説はこちらの記事「Webフォントについて調べてみた」をどうぞ。 一部抜き出して紹介します。 1.1，Webフォントとは CSS2.1時代、Webサイト上で利用できるフォントはユーザーのローカル環境にインストールされているフォントに限られていました。Mac、Windows PC共通のフォントは無いためデザインにも大きな制約がありました。デザインフォン
MFG Labs icon set
Why? because it's practical We have designed a friendly icon set for an internal project. It is designed to be easily embeddable on a website or application using a webfont and css. We have decided to share it with everyone. Our creation flow was inspired by the excellent work of Dave Gandy's font awesome project and the Octicons font made by the github team. Retina ready Fully scalable icons Font
大分 ホームページ制作｜CONDENSE Inc.
デザインで人と人をつなぎ、社会活動を活性化させ、その結果日々の暮らしが守られる。 そんな現代社会の縁の下の力持ちとしての役割がデザインにはある。 夢のため、目的のため、生きるため。 私たちが少しでもあなたのお役に立てたなら、とても嬉しく思います。 詳しく見る
Retinaでもボケない「シンボルアイコン」を使いこなそう！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
どうも！デザイナの王です。 2012もいよいよ12月を迎え、果てして2013年は来るのかと、わくわくしている今日この頃です。 ここ最近、AppleのRetinaを皮切りに、超高精細ディスプレイが色んなメーカーから出ているニュースが目に付く。 有名所ではシャープのIGZO（約500ppi）、ジャパンディスプレイのLTPS（約650ppi）などがありますよね、iPhoneのRetinaをぶっちぎりで凌駕してしまうという！4K時代の到来を予感させる！（その前に地球が終わらなければいいのだが！） ということで、来るRetina全盛時代に備えるべく、どんなにモンスター級の高解像度のデバイスでも綺麗に表示する「シンボルフォント」を最近使い始めました。今回はそんな素敵なシンボルフォントの導入法を紹介したいと思います。 そもそも♥「シンボルフォント」♥って何？ 読んで字の如し、「図形のフォント」です。タイ
無料でウェブ上で使えるアイコンがセットになった「Icon Fonts」
テーマごとにセットとなったアイコンがウェブ上で無料で使えるのが「Icon Fonts」。TwitterやFacebookなどウェブ上のブランドアイコンやピクトグラムを集めたものなどがあり、ファイルをダウンロードしなくても自由にアイコンを使うことが可能です。 We Love Icon Fonts http://weloveiconfonts.com/ ウェブ上で使えるアイコンフォント5種類は以下から。 ◆01:Brandico FacebookやTwitter、Vimeoなど、オンライン上のブランドのアイコン。 ◆02:entypo 250個以上のピクトグラムを集めたアイコンセット。 ◆03:Font Awesome Twitter Bootstrapとマッチするように作られたアイコンセット。 ◆04:Typicons こちらは電話マークやクエスチョンマーク、メールマークなどスタンダードなア
Ligature Symbols
HTML & CSS Please copy & paste this code to your HTML file or Stylesheet. <p>Simple use for mailto link.</p> <a href="mailto:mail@example.com" class="lsf">mail</a> <p>Use tha icon with text.</p> <a href="http://twitter.com/" class="lsf-icon" title="twitter">Twitter</a> <p>Use tha icon with unicode.</p> <a href="http://amazon.com/" class="lsf-icon amazon">Amazon</a> /* CSS */ @font-face { font-fami
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
Pictonic: the innovative icon font generator with 2725 vector icons
This package includces 266 free icons SocialBrowsersProgrammingFrameworksSharingOperating SystemsDatabasesVersion Control
Sosa :: Ten by Twenty
Ten by Twenty produce splendid little hand-crafted pixel-based products. This site and all the products available here are brought to you by Ed Merritt, a designer at Headscape, living in Bournemouth, on the south coast of the UK. License Agreement All products may be used for personal or commercial purposes, however they may not be redistributed or sold. If you've enjoyed the free products availa
Marek Ventur
Meta Avatar Editor Product launch Meta's shift to VR made Avatars a strategic priority. My team launch a unified avatar editor across FB, Messenger, Instagram and Web, shortly after our team was spun up in London. Involvement: Technical leadership, Cross-functional/cross-team coordination, Implementation
Foundation Icon Fonts | Playground from ZURB
There's a new version of these fonts! We put together a new icon font with a more consistent look and a ton of new icons. Get the New Foundation Icons Custom icon sets that are stored in a handy web font and are coded to be more accessible. A couple lines of CSS and the right markup will get you going in no time. We designed the glyphs to be refined enough to stand alone as a simple icon, but left
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Google Design
Creating a Custom Icon Font with IcoMoon and Less — SitePoint
Entypo
Ionicons: The premium icon pack for Ionic Framework
Genericons Neue
Create your Icon Font in seconds - 9000 Vector Icons Available - Free Icon Font Generator
120種類以上の面白いアイテムがたくさん揃ったアイコンフォント -Sosa icon font