Web fonts are great. They are also be really bad for front-end performance because they block rendering. You may have experienced this on a slow cellula…
![Web Fonts Performance](https://cdn-ak-scissors.b.st-hatena.com/image/square/e19e92d8dfcd5f90b73f06317b62005f7448ddf8/height=288;version=1;width=512/https%3A%2F%2Ffiles.speakerdeck.com%2Fpresentations%2Fa6cbfa450d0c4750afa4a3f30e31e730%2Fslide_0.jpg%3F5254491)
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
Glifo は Photoshop で作成したベクターシェイプを Web フォントに変換できるエクステンションです。 Glifo 上のページの1番下に購入ページへのボタンがあるので、 そこから購入することができます。 使い方 購入 → ダウンロード が完了したら、Photoshop で フォント化するシェイプを作成しておきます。 シェイプは、文字ごとに”シェイプを結合する”などであらかじめ結合して、 一つのレイヤーにまとめておきます。 レイヤー名の前に「*」を付けることで変換される対象となるので、 リネームしておきます。 「*」の後のレイヤー名が CSS で利用する際のクラス名に使われます( .icon-レイヤー名 )。 次に Glifo のパネルを開いて、”Create Icon Font” というボタンを押して、フォルダを指定するだけで、後は勝手にフォント化してくれます。 出力されたフ
TypekitのようなWebフォントサービスでは... / Webフォントは読み込みが完了するまでテキストに... / 特にJavaScriptでUIを制御している場合...他...全11件 TypekitのようなWebフォントサービスではなく自前のWebフォントを使用する場合、フォントがいつ読み込まれたのかを判断することができません。 Webフォントは読み込みが完了するまでテキストに適用することができないため、一瞬違う書式のテキストが表示されたり、適用後にテキストの高さが変わってしまって、heightを指定している要素からはみ出すことがあります。 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js"></script> <script type="tex
Web フォントを利用する際、技術として理解するだけでなく、フォントに適用されたライセンスを理解しておくことも大切です。 特に和文フォントにおいては SIL Open Font License (OFL) mplus Font License IPAフォントライセンスv1.0 あたりを適用されるケースが多いようです。また、これらのいずれかのライセンスが適用されていれば Web フォントとして利用することができます。ただし、ライセンスによる指示に従う必要があります。 ##各ライセンスの要点 ###SIL Open Font License (OFL) OFL であることを明示すればほぼ自由に Web フォントに利用できます。ライセンス明示方法は後述。 ###mplus Font License ほぼ自由に Web フォントに利用できます。ライセンス明示方法は後述。 ###IPA フォントライ
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
A A B B C C D D E E F F G G H H I I J J K K L L M M N N O O P P Q Q R R S S T T U U V V W W X X Y Y Z Z a a b b c c d d e e f f g g h h i i j j k k l l n n m m o o p p q q r r s s t t u u v v w w x x y y z z 0 0 1 1 2 2 3 3 4 4 5 5 6 6 7 7 8 8 9 9 ! ! " " # # $ $ % % & & ' ' ( ( ) ) * * + + , , - - . . / / : : ; ; < < = = > > ? ? @ @ [ [ \ \ ] ] ^ ^ _ _ ` ` { { | | } } ~ ~ Ä Ä Å Å Ç Ç É É Ñ Ñ Ö Ö
We Love Icon Fonts We must stop here, this is icon fonts country! What? This is a free & open source icon fonts hosting service (like Google Web Fonts, but icon fonts only). Hurray! Caution! This is a public gamma. Use this service for mockups, reduced test-cases or CodePens, but not on productive systems!
Using fonts for icons are great for allowing you to: Cater to all screen densities including Retina displays Bundle a set of icons together in one font to save space and in turn reduce HTTP requests Allows you to change the icon colour on the fly Icons can be layered if you require multiple colours in your graphic and the general method would be to absolute position individual glyphs inside a wrap
As Google Web Fonts continues to grow the range of fonts is getting better and better. It continues to be my tool of choice when it comes to web fonts mainly because it is free but also because it is so easy to use. I may try Typekit in the future but for the time being I’m very happy! There have been a number of posts related to Google Web Fonts recently but I thought I’d put together a collectio
All these services host your fonts on their own servers, and manage all of the licensing nonsense that goes with them - so you can just plug and play with no worries. These services don't all use the same technique for embedding fonts. Fontdeck and Google Web Fonts both allow you to use a tag to grab the fonts directly in order to use them on your site, whereas Typekit has a different approach. Ty
blog移行しました。新しいblogで更新を続けています。 XMLェ… text ja 2012-07-08 http://www.yomotsu.net/wp/?p=603 XMLェ… 日々の出来事2012年7月8日日曜日 ブログ作りなおそうかなーと思って、この Webサイト をみなおしてたら、Web ページのメタ情報としてダブリンコア (RDF) を混在させていたことを思い出した。バリデーターにかければ、グラフも取り出せて みたいな感じになる。でも結局あまり意味なかったです多分。いまは OGP とかありますしね。 Web ページは XHTML にしてたけど、ブログのコメントで参照先のない数値参照とか混ぜられると XML パースエラーになるし、XML だから他の語彙混在できるけど、RDF くらいしか混ぜてなかったし、XHTML 意味なかったです多分。いまは HTML に SVG 混在でき
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く