Appleのドキュメントによると、@font-faceはiPhoneバージョンのSafariでの使用が推奨されていません。iPhoneには11個のフォント、AFAIKしか含まれていません。いずれにせよ、作成しているアプリには素敵なブラックレターフォントが必要です。ランダムなテキストを生成するので、画像はオプションではありません。どのような選択肢がありますか?私はCufónのようなJavaScriptソリューションに固執していますか?
4 に答える
さて、ちょうどわかった@font-face
のは、現在のiPhoneとiPadでの現在のサポートです。上記にリンクされているドキュメント、Safari CSSリファレンス は、フォントを埋め込む方法の例を示しています。
@font-face {
font-family: "MyFamilyname", cursive [, ...];
font-style: normal [, ...];
font-variant: normal[, ...];
font-weight: bold[, ...];
font-stretch: condensed[, ...]; /* Not supported */
font-size: 12pt;[, ...] /* Not supported */
src: local("Font Family Name"),
url(http://..../fontfile.ttf) format("truetype"),
url(http://..../fontfile.ttf) [, ...];
}
私のようにやって来てこれを読んだ誰かが現在の状態を知っていることを確認したかっただけです。
実際には@font-faceを使用できます。SVGフォントを使用する必要があります。TTFをSVGに変換するユーティリティがあります
詳細についてはこちらをご覧ください(私の投稿ではありません)
http://blog.themeforest.net/tutorials/how-to-achieve-cross-browser-font-face-support/
Cufónは、箱から出してすぐに使用できる唯一のソリューションです。インラインSVGではなくキャンバスを使用しているためiPhoneでかなり高速であるという追加の利点があり、生成されるフォントは通常、元のフォント(圧縮時)よりも約60〜80%小さくなります。
ランダムなテキストを生成するので、画像はオプションではありません。
サーバー上のグラフィックライブラリを使用して、その場で画像を描画できます。私は似たようなことをしました、そしてそれはうまくいきます、しかしもちろんそれはあなたが描きたいテキストの量に依存します。さらに、テキストが少なくとも時々繰り返される場合は、画像をキャッシュできます。