はてブログ

はてなブックマーク新着エントリーの過去ログサイトです。



タグ Ligature Symbols

新着順 人気順 5 users 10 users 50 users 100 users 500 users 1000 users
 
(1 - 4 / 4件)
 

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

2013/09/17 このエントリーをはてなブックマークに追加 57 users Instapaper Pocket Tweet Facebook Share Evernote Clip リガチャ Twitter 正攻法 アインシュタイン CSS

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

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

2013/01/21 このエントリーをはてなブックマークに追加 59 users Instapaper Pocket Tweet Facebook Share Evernote Clip リガチャ xxmiz0rexx フォント アイコン 欠点

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

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

2012/07/20 このエントリーをはてなブックマークに追加 108 users Instapaper Pocket Tweet Facebook Share Evernote Clip フォントセット symbolset WebFont Blog

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

Ligature Symbols

2012/07/20 このエントリーをはてなブックマークに追加 708 users Instapaper Pocket Tweet Facebook Share Evernote Clip

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... 続きを読む

 
(1 - 4 / 4件)