ellipsisjpテストページ
このページは、日本語の三点リーダ1グリフ(プラス、現時点で、コンピュータで使用されるフォントファイル形式に強制的に挿入させられる5グリフ)を含むwebfont "ellipsisjp" の表示を確認するためのページです。
このwebfontの制作意図・使用方法は私のブログ記事を御覧ください。
※注意事項:このフォントはwebfontとしてのみお使いください。インストールするとおそらく障害が発生します。
※免責事項:"ellipsisjp"を利用・使用・ダウンロード(キャッシュ含む)することによって生じるいかなる損害も、いっさい負いかねます。この "ellipsisjp" というフォントに対しては[Creative Commons - Share Alike(改変自由・同一条件のもとでのみ再配布可能)]の著作権タイプを制作者の私が宣言していますが(フォントデータそのものからは削除しました)、Attribution (帰属)を放棄しています。このような変則的な著作権タイプがCreative Commonsで許されるのかどうかはわかりません(Creative Commonsでは最も自由度の高いタイプでもAttributionが必ず付く仕様になっているようです・私の知る限り・そもそも帰属先がないのであればいかなる宣言も「誰がしたのか」が不明になるのだから、いっそのことCopy Leftで宣言したほうがよいのかもしれませんが、その辺は識者の意見を請う、ということで)。
last update:2012-12-25 Windows 7環境で、Firefox 17.0.1, Google Chrome 23.0.1271.97 m, Android OS 2.3.5, iOS 5.1.1 (初代iPad), iOS 4.3.4(iPhone)での正常動作を確認しています(iOS4.2未満、つまりSVGを使う環境での動作確認ができていません。実機を持っていらっしゃる方、スクリーンショットを提供していただけると助かります)。
Opera 12.12で確認した、異常な(?)挙動の原因はわかっていません。今後もわかる気がしません。
Windows 7環境におけるSafariは、そもそもフォントのレンダリングをまともにする気がないのでしょう。ユーザも少ないことだし。フォールバックの仕方はwebkit系なのでChromeと同じですが。
iOSの、iPhone実機での挙動は確認できていません。近日中に行います。4.3.4で確認しました。4.2未満の報告、請う。
IEでの確認は、このページでは、できません。WEBサーバのMIME TYPE設定を変更できない広告付きのレンタルサーバのため、IEが使用しようとするeotファイルをIEがplane/textとしてGETしようとします(というかWOFFもTTFもplane/textとしてGETします)。私の自宅のApacheサーバ+IE9(ただしIE Tester)での正常な挙動の確認はできています。
このページのCSS
(じっさいにはSCSSで記述していますが、コンパイルされたCSSはこうなっているはずです)
@font-face {
font-family: 'ellipsisjp';
src: url("ellipsisjp-webfont.eot");
src: url("ellipsisjp-webfont.eot?iefix") format("embedded-opentype"),
url("ellipsisjp-webfont.woff") format("woff"),
url("ellipsisjp-webfont.ttf") format("truetype"),
url("ellipsisjp-webfont.svg#ellipsisjpbook") format("svg");
}
.sample1 {
font-family: Helvetica, Tahoma, Verdana, sans-serif;
}
.sample2 {
font-family: "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", sans-serif;
}
.sample3 {
font-family: Helvetica, Tahoma, Verdana, "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", sans-serif;
}
.sample4 {
font-family: ellipsisjp, Helvetica, Tahoma, Verdana, "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", sans-serif;
}