This page has moved to developers.google.com/fonts/docs/material_icons.
Material Icons Guide
This page has moved to developers.google.com/fonts/docs/material_icons.
安全でアクセシブルなアイコン・フォント
Translation of: Bulletproof Accessible Icon Fonts by Filament Group アイコン・フォントを利用する場合、あらゆるユーザーに適切にアイコンを提供しようとすると、かなり気をつける必要があります。そのフォントが読み込まれなかった時にどうなりますか？@font-faceがまだサポートされていないブラウザーでは？ どうすれば安全に(bulletproofに)アイコン・フォントを利用できるかをこれから解説したいと思います。 効率的で機能的なウェブサイトを制作するという、この終わることのない探求において、ベクター形式のアイコンを提供する手段として、簡便であるフォントを利用することが何度も提案されてきました。対して私達は通常ベクター形式のアイコンとしてSVGをIan Featherがブログ書いたような理由から選んで(また、薦めて)おり、既に
Fun with Sass & font icons - Jayden Seric
Fun with Sass & font icons ⚠️ This article is outdated: CSS in JS is far superior to Sass, and font icons are no longer a good idea. Use inline SVG React components and in certain situations plain old .svg files in img tags. Icon fonts have been been best-practice for a while now. They allow us to use tons of fully styleable cross-browser vector icons with one lightweight HTTP request. Folk typica
Ligature Symbols
HTML & CSS Please copy & paste this code to your HTML file or Stylesheet. <p>Simple use for mailto link.</p> <a href="mailto:mail@example.com" class="lsf">mail</a> <p>Use tha icon with text.</p> <a href="http://twitter.com/" class="lsf-icon" title="twitter">Twitter</a> <p>Use tha icon with unicode.</p> <a href="http://amazon.com/" class="lsf-icon amazon">Amazon</a> /* CSS */ @font-face { font-fami
意外と多い!? Web フォントに対応していない環境 ～2012 年の Web フォント事情
Web フォントは「Web サイトにフォントを埋め込む」ための技術です。 先日、Web フォントを使った 絶対にコピペできない文章を作ったったwwww を公開しました。多くの人に楽しんでもらえたのですが、その一方で、Web フォントが適用されなかった方から「コピペできるんだけどどういうこと？」「意味が分からない」というコメントがよせられました。 ほぼすべてのブラウザーが Web フォントに対応しているはずなのですが、一体、何が原因だったのでしょうか。 そこで、Web サーバーのアクセスログを解析して「Web フォントに対応していない環境」がどの程度あったのかを調べてみました。 ４種類のフォーマット 一口に Web フォントといっても、フォントのフォーマットは WOFF・TTF・EOT・SVG の 4 種類あります。今後は WOFF フォーマットが標準になっていくのですが、現在ではサポートし
HTML For Icon Font Usage | CSS-Tricks
DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! Where are we at right now in terms of the best markup for using icon fonts? Let’s cover some options I think are currently the best. You want the icon to enhance a word You want the icon to stand alone but still be functional or informational And our major goals here are: As good of semantic
iconvau.lt - Užregistruotas domenas - Interneto vizija
Domenas iconvau.lt sėkmingai užregistruotas Interneto vizijos kliento vardu ir šiuo metu yra pilnai aktyvuotas bei paruoštas naudojimui. Norite nukreipti iconvau.lt? Prisijunkite prie savo paskyros klientų sistemoje; ties skyriumi "Paslaugos" pasirinkite nuorodą Plačiau...; pasirinkite domeno pavadinimą ir paspauskite mygtuką Nukreipti. Po pakeitimų domenas pradės veikti per 1 val. Ieškote kur pat
私用領域へのマッピングだけでは解決しないもの
意外と多い!? Web フォントに対応していない環境 ～2012 年の Web フォント事情の最後でアイコン・フォントが意味不明な文字になってしまうことに対して警鐘を鳴らしている。僕もDingbatのWebフォントというタイトルで似たようなことは書いたが、最近はU+E000からU+F8FFのPrivate Use Area (私用領域または外字領域)へアイコンをマッピングするもの増えてきており、そういった問題については一部解決しつつある。ただしフォールバックできない問題は依然として残るので、JavaScriptの力を借りつつCSS側で対応してやる必要がある。 私用領域にマッピングしたとしても解決するのは意味不明な文字列が表示されてしまうことだけなので、依存する使い方、例えば画像置換のような形でアイコンと文字列を置き換えるような使い方はそのままでは問題がある。そうしてしまうとWebフォントが
The Big List Of Flat Icons & Icon Fonts | CSS-Tricks
DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! Icon fonts are awesome. Other than the fact that they have to be single color, they are superior to using images as icons in every way. But which do you choose? There are loads of different sets out there. I’m going to attempt to round them all up here and keep this updated (this post has al
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
The best way to use icon fonts · Eric Eggert
SVG Icon Libraries and Custom Icon Font Organizer ❍ IcoMoon
Fontello - icon fonts generator
OpenWeb Icons (a font!)
Icons | Font Awesome