カスタムフォントとCMS

Question

私は、手書きからカスタム フォントを作成したアーティストのために Web サイトを構築しています。彼は、このフォントをサイト全体で広範囲に使用したいと考えています。読みにくいため本文全体ではなく、見出し、ナビゲーション、吹き出しなどに使用したいと考えています。

ファイルはあります。TrueType フォント ファイルです。

サイトの構築には PHP ベースの CMS を使用します。

ページ名やタイトルなどを許可しながら、この目的でこのカスタム フォントを使用する最善の方法は何ですか。クライアントが CMS で編集する必要がありますか?できるだけ多くのユーザーに対応したいと考えていますが、一部のサイト訪問者が Arial や Verdana など、私たちがボディ コピーとして選択したものを見たとしても問題はありません。

@font-face を試してみるべきでしょうか?PHP を使用してサーバー上にイメージを作成しますか?シフル？このサイトはしばらく続くと思いますので、できるだけ前向きに考えていきたいと思います。同時に、誰もそのフォントを自分の Web サイトで使用したり、コピーをダウンロードしたりできないようにしたいと考えています。

彼の現在の既存サイトに関する背景情報:1 日あたり約 500 アクセス (2000 ページ ビュー) があり、適度に忙しいサイトです。

ブラウザの統計:

IE:48% (IE6 では IE ユーザーの 10%、IE7 では 42%、IE8 では 48%)

FF:32% (3.5.5 では 38%、3.0.15 では 29%、3.5.4 では 11%、2.0.0.20 では 4%、3.5.2 では 5%)

サファリ：17% (531.9 の 53%、531.21.10 の 13%、528.16 の 7%、525.22 の 5%、および 530.19 の 4%)

クロム：2% (3.0.195.33 の 41%、3.0.195.27 の 31%、3.0.195.32 の 21%、および 4.0.223.16 の 4%)

Answer 1

最も簡単な解決策は、 @font-face 方法。Microsoft 専用形式 (.EOT) を含めると、次の環境で動作します。 どれでも ブラウザ。

フォントの置換に関する記事をいくつかご覧ください。

http://www.zeldman.com/2009/12/02/bulletproof-font-face/ http://www.smashingmagazine.com/2009/12/01/how-to-support-internet-explorer-and-still-be-cutting-edge/ http://www.jonnyhaynes.com/2009/10/font-face-the-time-is-now/

Microsoft のこのツールを使用して、フォントを .EOT (IE に必要な形式) に変換できます。

http://www.microsoft.com/typography/WEFT.mspx

の @font-face このメソッドは、前述の sIFR や Cufon テクニックのように Javascript や Flash を必要としないため、誰でも簡単にアクセスできます。

その 完全にSEOフレンドリー そして スケーラブルな.

Answer 2

私は cufon をしようとするだろう。書体は、「保護されています。」されませんバックTrueTypeフォントまたはOpenTypeの顔に書体を生成します。

しかし、それはCufonを変換するための技術的な努力のかなりを必要とします

Answer 3

私がお勧めする方法は、スケーラブル インマン フラッシュ交換 (sIFR) です。情報は次のとおりです。 http://www.mikeindustries.com/blog/sifr/

もう 1 つの一般的なテクニックですが、私は個人的には使用したことがありません。php 画像の置換です。どちらもスクリプトを使用する必要があるため、noscript を使用するユーザーでは機能しません。また、sIFR が Ad Block Plus では機能しないことはわかっていますが、あなたが言ったように、市場の大部分では問題なく機能し、見た目も素晴らしいです。

Answer 4

2 つのオプション (他の人が指摘したように、SIFR と Cufon を除く):

CSS 経由でカスタム フォントを指定します。

http://www.456bereastreet.com/archive/200710/the_resurrection_of_downloadable_web_fonts/

http://www.richinstyle.com/guides/fontface2.html#src

静止画像を作成します。

カスタム フォントを使用して各ヘッダーの画像を作成することに注意したように、これはフォントをコピーしたい人にとってもハードルになります。(もちろん、フォントを含むグラフィックからいつでもフォントをトレースし、そこから TTF を簡単に作成できます)。

この質問に対する主な攻撃は次のとおりです。

「誰も自分の Web サイトでフォントを使用したり、コピーをダウンロードしたりできないようにしたいのですが。」

本当に？静的画像/フラッシュ/SIFR/Cufon を使用しない場合、ユーザーは Web ブラウザーでフォントをレンダリングするために、フォントのコピーをコンピューターにダウンロードする必要があります。ユーザーにコピーを渡した後は、ユーザーがそれを自分の Web サイトで使用するかどうかを制御することはできません。繰り返しますが、静的画像からフォントをコピーして、全世界がコピーできる TTF を作成するのは簡単です。次のようなサイトを参照してください。 http://www.dafont.com/ コピーされた有名なフォントの例 (例として、Transformers フォント: http://www.dafont.com/search.php?psize=m&q=transformers)

Answer 5

フォント・フェイスは私にとって素晴らしい作品@。そこには、あなたのフォントをアップロードすることができ、ここで発電機があり、そしてそれはあなたが必要なすべてのフォーマット＆コードを提供します：<のhref =「http://www.fontsquirrel.com/fontface/generator」のrel = "nofollowを"> http://www.fontsquirrel.com/fontface/generator の