Web制作で使えそうなアイコンフォント | Gatespace's Blog
最近よくアイコンフォントを使っています。 アイコンフォントのメリットですが、 フォントなのでテキストとのベースラインが合わせやすい フォントなので拡大縮小はcssのfont-sizeで指定出来る フォントなのでcssで簡単に色を変えられる ベクターデータなので背景色があるときなどのエッジの処理を気にしなくていい。 があります。 デメリットとして単一の画像よりは一度に複数のアイコンデータを読み込むので、データ量が多くなる（重くなる）というのがあります。 とはいえ、レスポンシブとかサイズとかカラーバリエーションを考えてpngを作るのも手間です。 今回は、自分がよく使うアイコンフォントを備忘録代わりに書いておきます。 なお、この手のアイコンフォントはアップデート（主にアイコンの追加）が多いので、最新版やIE7以下での対応などは各公式サイトでご確認ください。 アイコンフォントの基本的な使い方 ダウ
head内にコードを一行書き足すだけで潤沢なアイコンフォントがすぐ使える「Font Awesome」が便利 * prasm（プラズム）
アイコンフォント、便利です。 自分でいちいちアイコンを書く必要がなくなるし、レティーナや高解像度のディスプレイでも表示が汚くならないし、アイコンフォント、便利です。 まだアイコンフォントを使ったことのない方は、導入面倒なんじゃないの？とお考えかもしれませんが、意外に簡単です。 簡単って言うか、一行です。嘘だと思ったら、ここから先の記事をどうぞ。 使い勝手のいいアイコンフォント「Font Awesome」 とにかく導入は手軽です。 Get Started with Font Awesome ＜head＞＜/head＞内に一行コードを書き足します。 <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet"> 必要なスタイルシートを外部から読み込むだけです。 メリ
[JS]文字を楽しく見せる、カーブ状に簡単に配置できるスクリプト -Arctext.js
Demo 4: Set/animate 「Animate me」でアニメーション。 Arctext.jsの使い方 Arctext.jsは「Lettering.js」をベースに文字をパスに沿わせて正しく回転させ配置します。 Lettering.jsについては、下記を参考ください。 HTMLファイルを汚さずに細かい設定でspanを挿入できるスクリプト -Lettering.JS では、Arctext.jsの使い方を。 外部ファイル 「jquery.js」と当スクリプトを外部ファイルとして記述します。 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script type="text/javascript" src="js
Webフォントを利用する際に知っておくと役立ちそうなTipsとかサイトいろいろ - かちびと.net
Webフォントに関して調べ物をしたので 個人的なメモ。少し利用頻度があがって 来たので探しやすいようにまとめておき ます。まだちょっと使い慣れてないので もう少し勉強しないとダメですね・・ スマフォ向けのリソースもあります。 というわけでWebフォントに関するメモです。以前触りだけしか書かなかったのでもう少し深く調べておこうと思い記事にしました。ので、過去の記事と結構重複します。 最低限の知識 最低限かどうか分かりませんけどｗ 少し不明瞭な点もありますので間違いがあればご指摘頂けると幸いです。 ライセンス まずライセンスですが、通常、Webフォントとして利用するには当然フォントの著作者次第になります。 Webフォントとして使うにはサーバーにフォントファイルをアップロードしてcssでファイルのパスを指定して利用するので、フォントファイルが誰でも手に入れられてしまう事になります。（アイコンなん
今更聞けない？！WEBデザイナーなら最低限知っておきたい有名フォントの数々 | バンクーバーのうぇぶ屋
最近、フォント名を知らないデザイナーが増えてきていると思うんですよね。 実は使ってるんだけど、どのフォントを使っているか意識していなくて、「これ何のフォント？」と聞くと、「ちょっと待ってくださいね。調べます。」という会話を良く耳にするようになったような気がします。「会社のPCに入ってたー」みたいなノリでしょうか。 というわけで、今日は僕がWEB屋をやってきた中で、「最低限、これは知っておいた方がいいんだろうな」と思ったフォントを幾つかご紹介。 英文フォントを中心に、色々有名どころを総当りしていきます。主に僕が仕事で使ったことがある物を中心に紹介していきますね。（順不同、のつもりで僕の好きな順） Helvetica 世界中のデザイナーに愛されるデザイナーフォントと言えばやっぱりHelveticaですよね。 元はスイスのデザイナーによって作られたフォントでMacだと標準フォントのひとつになって
デコもじ｜ウェブフォントで、ホームページが、ブログが、もっと楽しくなる♪
デコもじは2016年11月30日（水）をもちましてサービスを終了致しました。 デコもじをご利用中の会員様におかれましては、サービス終了日をもちましてフォントの配信が終了となり、有料プランをご利用の場合はサービス終了日をもちまして課金が停止されております。 ※フォント配信は終了となりますが、Webサイト上に設置した JavaScript コードは会員様ご自身で削除をお願いいたします。 これまで長らくデコもじをご愛顧いただき、誠にありがとうございました。今後もシーサー株式会社の各種サービスのご愛顧のほどよろしくお願いいたします。
最近リリースされた高品質なフリーのデザインフォント -2011年7月
最近リリースされたものを中心に、高品質なフリーのデザインフォントを紹介します。 Collator 個人・商用利用無料。 Fabrica 個人・商用利用無料。 Mimic Roman 個人・商用利用無料
30 Fonts Perfect for Vintage and Retro Style Design | Freebies
A Vintage or retro style design is meant to transport it’s audience decades into the past. Designers try to do this by using various design elements such as textures and patterns from a certain time period. But it’s also important to use accurate typography from the time period you are trying to represent. In this post, we’ve rounded up 30 excellent vintage and retro fonts that you can use in you
Lovedesign co. | Font 061-latest
無断転載・再配布は堅くお断りいたします。また、DLしたフォントに起因する損害は補償致しかねますので予めご了承ください。 ご使用に際しては、同梱してある「ReadMe.txt」をお読みください。また、過去のリリースについてはこちらでご確認ください。 ALL font' copyright belong to Lovedesign Co. I firmly refuse the reprint and the re-distribution without permission. It doesn't make amends for the damage that originates in the downloaded font. Please read "ReadMe.txt" in the folder when you use it.
http://www.orange.ne.jp/~den7/
㱈呍䰾਼䡅䅄㸊㱔䥔䱅㹇牡礠䝲慰桩捳㰯呉呌䔾਼千剉偔慮杵慧攽≊慶慓捲楰琢㸊㰡ⴭ੦畮捴楯渠浤ㄨ椩⁻潣畭敮琮業慧敳嬢湡浧楦≝牣㴢杩是普慭攢∮杩昢㬊紊晵湣瑩潮搲⡩⤠笊摯捵浥湴浡来獛≮慭杩昢崮獲挽≧楦⽦湡浥〮杩昢㬊紊⼯ⴾ਼⽓䍒䥐吾਼⽈䕁䐾਼䉏䑙⁍䅒䝉么䕉䝈吽∱㔢⁌䥎䬽∣晦晦晦∠䉇䍏䱏刽∣晦晦晦∠呅塔㴢⌴挴挴挢噌䥎䬽∣晦晦晦∠䅌䥎䬽∣晦晦晦∠䉁䍋䝒何乄㴢杩是执⹇䥆∾਼呁䉌䔠坉䑔䠽∱〰┢⁂佒䑅刽∰∠䍅䱌卐䅃䥎䜽∰∠䍅䱌偁䑄䥎䜽∰≈䕉䝈吽∳㜵∾਼呒㸊㱔䐠坉䑔䠽∱〰┢⁁䱉䝎㴢䍅乔䕒∾਼呁䉌䔠坉䑔䠽∷㔥∠䉏剄䕒㴢〢⁃䕌䱓偁䍉乇㴢〢⁃䕌䱐䅄䑉乇㴢〢⁈䕉䝈吽∳㌷∾਼呒㸊㱔䐠坉䑔䠽∱〰┢㸊㱔䅂䱅⁗䥄呈㴢㐴㠢⁂佒䑅刽∰∠䍅䱌卐䅃䥎䜽∰∠䍅䱌偁䑄䥎䜽∰∠䡅䥇䡔㴢㌳㜢㸊㱔刾਼呄⁗䥄呈㴢ㄸ∠䡅䥇䡔㴢ㄸ∾㱉䵇⁓剃㴢杩是ㄮ䝉䘢⁗䥄呈㴢ㄸ∠䡅䥇䡔㴢ㄸ∾㰯呄㸊㱔䐠坉䑔䠽∴ㄲ∠䡅䥇䡔㴢ㄸ∠䉇䍏䱏刽∣晦晦晦∾㱉䵇⁓剃
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://pointcard.me/japanese-free-web-fonts/
2011年総まとめ：商用利用も無料、英語の高品質なフリーフォント集
新着記事
Photoshop Vip » オシャレデザインの極太フリーフォント、31個あつめました。
無償で商用利用できて品質の高い日本語フォント一覧 - Liner Note
【ニコデザインワークス】フリーフォントダウンロード・フォント制作・パターン素材・ロゴ制作
TINY FACTORY
Create 8
DIGITALDREAMDESIGN
http://www.authority-site.com/2010/03/webdesign/20-high-quality-fonts-for-web-designer.html