[JS]フォントを使用した画像のように、テキストを自動変更するスクリプト -typeface.js | コリス
typeface.jsは、テキストを自動置換し、フォントを使用した画像のようにSVGに変更するスクリプトです。 画像クリックで、複数のサンプル表示。 typeface.js -- Rendering text with Javascript, canvas, and VML demo 使用方法は簡単で、typeface.jsとフォントのJSを外部ファイルとして、適用するテキスト箇所にスタイルシートで指定を行います。 「line-height」「letter-spacing」も指定することができます。 対応ブラウザは、IE6+, Fx1.5+, Safari2+となっており、Fx, Op, Safariではcanvas、IEではVMLを使用しています。 現在ダウンロードできるフォントは英字のみで、Helvetiker, Optimer, Gentilisの３種類となっています。
TAKESAKO @ Yet another Cybozu Labs: JavaScriptでフォント名一覧を取得する3つの方法
先月・今月と新しいメンバーが加わったサイボウズ・ラボですが、いま社内でfont-familyが密かなブームです。 ということで、ブラウザで使用できるフォント名一覧をJavaScriptで取得する方法について調べてみました。 ■ 1. IE の Dialog Helper Object を利用してフォント名一覧を取得する IE の Dialog Helper Object を利用して フォント名の一覧を取得する方法がよく知られています。 まず、HTMLの中に以下のOBJECTタグを定義して、 <OBJECT id="dlgHelper" CLASSID="clsid:3050f819-98b5-11cf-bb82-00aa00bdce0b" width="0px" height="0px"> </OBJECT> JavaScriptから以下のコードを実行すると、現在の環境で利用できるフォント
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
