アイコンフォントのデメリットを解決する「Ligature Symbols」を使ってみた。 | Oh-Blog
当ブログでも固定のページトップに導入したアイコンフォントですが、当初はアルファベット1文字にアイコンを割り当てる方式のものを採用する方式しか見当たらなくてモヤモヤしてました。 さらに調べてみた所リガチャ（合字）の仕組みを利用したアイコンフォント「Ligature Symbols」があると聞きつけました。 導入も管理も手軽なのでかなりオススメ！モヤモヤの理由 一般的なアイコンフォントはフォントをダウンロードする時点で特定のアルファベッドとフォントを紐付けます。そして紐付けたアルファベッドをソースに書ことで、紐付けたアイコンがブラウザに表示が置き換わる仕組みです。 ブラウザで見る限りデザインされたアイコンが表示されるだけなのでユーザビリティ的にも問題無いように思えますが、検索エンジンの視点から見ると「ソースに意味が分からない文字列がある」と認識されてしまうので基本的なHTMLの構造に則っていな
意外と多い!? Web フォントに対応していない環境 〜2012 年の Web フォント事情〜 - てっく煮ブログ
html5Web フォントは「Web サイトにオリジナルのフォントを埋め込む」ための技術です。現行のブラウザーは全て Web フォントに対応している状況です。そんな状況であるため、絶対にコピペできない文章を作ったったwwww は Web フォントに依存したコンテンツでしたが、特別な配慮はせずに公開しました。しかし、公開後、Web フォントが適用されなかった複数の方から「コピペできるんだけどどういうこと？」「意味が分からない」というコメントがよせられました。そこで、Web サーバーのアクセスログを解析して「Web フォントに対応していない環境」がどの程度あったのかを調べてみました。４種類のフォーマット一口に Web フォントといっても、フォントのフォーマットは WOFF・TTF・EOT・SVG の 4 種類あります。今後は WOFF フォーマットが標準になっていくのですが、現在ではサポートし
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
