[B! フォント] ahahasasaのブックマーク

ahahasasa id:ahahasasa

フォントに関するahahasasaのブックマーク (3)

Ligature Symbols
HTML & CSS Please copy & paste this code to your HTML file or Stylesheet. Simple use for mailto link. <a href="mailto:mail@example.com" class="lsf">mail</a> Use tha icon with text. <a href="http://twitter.com/" class="lsf-icon" title="twitter">Twitter</a> Use tha icon with unicode. <a href="http://amazon.com/" class="lsf-icon amazon">Amazon</a> /* CSS */ @font-face { font-fami
ahahasasa 2012/07/21
フォント
リンク
意外と知らない？アイコンはWebフォントでつくるとこんなに便利！
Webフォントでアイコンをつくろう！ゆとりジェネレーションのほんだです。最近、Webフォントを使用する仕事に多く携わった関係で、 Webフォントを有効活用したものすっごく素敵なマークアップ方法に気づきました。ずばり、アイコンやちょっとしたイラストをWebフォントで作成する、というものです。（以下のデモはGoogle Chromeなど、モダンなブラウザ推奨です。） jsdo.it のシンボルフォントを使用する - jsdo.it - share JavaScript, HTML5 and CSS アイコンを作成するだけだと、あまり新鮮さはありませんが、 CSS3時代のいま、これはとっても有効なマークアップ方法となっています。詳しくは、つづきからどうぞ！色をつけるフォントなのでCSS「color:」で指定するだけで色をつけられます。もちろんマウスオーバー時に色を変更するのも、C
ahahasasa 2012/02/29
フォント

font
リンク
国内初、無料で日本語のウェブフォントが手軽に利用できる「デコもじ」
手描き字・丸文字・四角い系・四角て丸い系・くずし文字・アクセント付き・へた文字系・ゴシック系・明朝系・筆文字系・筆書体系・欧文(英数のみ)・変わり種フォントなど、約80種類の「ウェブフォント」（パソコンにインストールされているフォントではなく、サーバにアップロードされているフォントを指定して自由に表示させるCSS3 Web Fontsを使った技術、このサンプルを見るとよくわかる）が利用可能なネットサービスがこの「デコもじ」です。画像や通常のFlashとは違い、ちゃんと検索にも引っかかるというのがポイントです。「ブログの見出しにあの文字が使えればいいのに！」というのを実現してくれます。ユーザー登録は無料となっており、無料で利用できるウェブフォントだけでなく、月額315円から利用できる有料サービスではさらにプロフォントとして「游ゴシック」「游築見出し明朝」「へんまろ」「トゥモローウォーク」な
ahahasasa 2010/05/15
これはすごい

フォント
リンク
1