リガチャなアイコンフォントをお手軽に作成する - アインシュタインの電話番号

2013/09/17 57 users リガチャ Twitter 正攻法 アインシュタイン CSS

リガチャなアイコンフォントを自作しようとするとけっこう大変そうで、そのためのアプリを揃えて操れるようになったり、リガチャの仕様を把握したり、専用のCSSを書いたりする必要がある。そういった正攻法のやり方としては、このページがとてもわかりやすかった。また、実際にそのページの方法によって制作されたLigature Symbolsも魅力的。 ところが自分が欲しいのは、Twitterで使っているアバターア... 続きを読む

アイコンフォントの欠点である意味不明な文字列をリガチャ(合字)で解決したWEBフォント『Ligature Symbols』 | ウェビメモ

2013/01/21 59 users リガチャ xxmiz0rexx フォント アイコン 欠点

こんにちは、霙(@xxmiz0rexx)です。 興味はあったけれどなかなか手が伸びなかったアイコンフォント。 そんな私をやっと使う気にさせてくれた素晴らしい発想のフォントに出会ったのでご紹介いたします！ そもそもアイコンフォントとは アルファベット1文字1文字にアイコンが割り当てられたフォントで、例えばスマートフォンサイトの製作をする時 画像でアイコンを用意する場合は通常用とRetina対応用で2... 続きを読む

200種以上のアイコンが揃った国産のアイコンWebフォント。はてなやmixiなど国内サービスのアイコンが揃っているのがうれしい。 → Ligature Symbols - コメンター

2012/10/08 16 users コメンター mixi Facebookページ クリエイター

コメンターとは コメンターは、クリエイターの気になるサイトやページをシェアして、匿名ならではの自由なコメントをみんなで楽しむコミュニティです。 このページをシェア 上記リンクをブックマークツールバーに登録することで、閲覧中のサイトをその場でシェアできます。 Facebookページ 2012年8月にオープンしたコメンターのFacebookページでは、クリエイター向けの最新Web/IT情報をどこよりも... 続きを読む

【完全版】Ligature Symbols フォントセットの自作方法 - くらげだらけ（くだくらげのBLOG）

2012/07/20 108 users フォントセット symbolset WebFont Blog

開発, CSS今月の初めにLigature Icon フォントセットの自作方法とWebFontというエントリーを書きました。これはsymbolsetというサイトにinspireされて、Ligature機能を使ったSymbol Web Fontを自作しようという試みを書いたものです。しかし、この時はsymbolsetで実現されているようなものには及ばない不完全なものになってしまいました。その後、いろ... 続きを読む

Ligature Symbols

2012/07/20 708 users

HTML & CSS Please copy & paste this code to your HTML file or Stylesheet. Simple use for mailto link. mail Use tha icon with text. Twitter /* CSS */ @font-face { font-family: 'LigatureSymbolFont'; src... 続きを読む