1

手書きのカスタム フォントを作成したアーティストの 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%)

Safari: 17% (531.9 で 53%、531.21.10 で 13%、528.16 で 7%、525.22 で 5%、530.19 で 4%)

Chrome: 2% (3.0.195.33 では 41%、3.0.195.27 では 31%、3.0.195.32 では 21%、4.0.223.16 では 4%)

4

5 に答える 5

2

cufonを試してみます。書体は「保護」されません。しかし、Cufon で生成された書体を Truetype または Opentype の書体に戻すには、かなりの技術的努力が必要です。

于 2009-12-03T08:04:22.890 に答える
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-まだ最先端/ 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 フレンドリーでスケーラブルです。

于 2009-12-03T08:28:23.887 に答える
0

@Font-Faceは私にとって素晴らしい働きをします。ここにフォントをアップロードできるジェネレーターがあり、必要なすべてのフォーマットとコードが提供されます： http ://www.fontsquirrel.com/fontface/generator

于 2011-12-15T14:23:42.720 に答える
0

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 サイトでフォントを使用したり、コピーをダウンロードしたりできないようにしたい」

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

于 2009-12-03T08:21:33.513 に答える
0

私がお勧めする方法は、スケーラブルなインマン フラッシュ交換 (sIFR) です。この情報については、http: //www.mikeindustries.com/blog/sifr/を参照してください。

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

于 2009-12-03T08:09:36.017 に答える