タグ Ligature Symbols
人気順 5 users 50 users 100 users 500 users 1000 usersリガチャなアイコンフォントをお手軽に作成する - アインシュタインの電話番号
リガチャなアイコンフォントを自作しようとするとけっこう大変そうで、そのためのアプリを揃えて操れるようになったり、リガチャの仕様を把握したり、専用のCSSを書いたりする必要がある。そういった正攻法のやり方としては、このページがとてもわかりやすかった。また、実際にそのページの方法によって制作されたLigature Symbolsも魅力的。 ところが自分が欲しいのは、Twitterで使っているアバターア... 続きを読む
アイコンフォントの欠点である意味不明な文字列をリガチャ(合字)で解決したWEBフォント『Ligature Symbols』 | ウェビメモ
こんにちは、霙(@xxmiz0rexx)です。 興味はあったけれどなかなか手が伸びなかったアイコンフォント。 そんな私をやっと使う気にさせてくれた素晴らしい発想のフォントに出会ったのでご紹介いたします! そもそもアイコンフォントとは アルファベット1文字1文字にアイコンが割り当てられたフォントで、例えばスマートフォンサイトの製作をする時 画像でアイコンを用意する場合は通常用とRetina対応用で2... 続きを読む
200種以上のアイコンが揃った国産のアイコンWebフォント。はてなやmixiなど国内サービスのアイコンが揃っているのがうれしい。 → Ligature Symbols - コメンター
コメンターとは コメンターは、クリエイターの気になるサイトやページをシェアして、匿名ならではの自由なコメントをみんなで楽しむコミュニティです。 このページをシェア 上記リンクをブックマークツールバーに登録することで、閲覧中のサイトをその場でシェアできます。 Facebookページ 2012年8月にオープンしたコメンターのFacebookページでは、クリエイター向けの最新Web/IT情報をどこよりも... 続きを読む
【完全版】Ligature Symbols フォントセットの自作方法 - くらげだらけ(くだくらげのBLOG)
開発, CSS今月の初めにLigature Icon フォントセットの自作方法とWebFontというエントリーを書きました。これはsymbolsetというサイトにinspireされて、Ligature機能を使ったSymbol Web Fontを自作しようという試みを書いたものです。しかし、この時はsymbolsetで実現されているようなものには及ばない不完全なものになってしまいました。その後、いろ... 続きを読む
Ligature Symbols
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... 続きを読む