3

私は誰かのためにウェブサイトを開発していますが、彼らはタイトルを非標準フォントにすることを望んでいます (主張します)。(顧客は常に正しいです。) TrueType (.ttf) フォントを持っていますが、これを Web サイトにバンドルして使用するにはどうすればよいですか?

Images フォルダに入れて、スタイル シートでアクセスしようとしました。

font-family:URL(Images/Arial_Rounded_MT_Bold.ttf)

しかし、それはうまくいきませんでした。非標準フォントをレンダリングする方法で含めるにはどうすればよいですか?

参考までに、これは ASP.NET 2.0 サイトです。

4

5 に答える 5

5

現在、これを行う標準的な方法はありません。@font-faceを使用できますが、すべてのブラウザーでサポートされているわけではありません。Lanceが述べたように、これは主要なブラウザーのサポート リファレンスを見つけるのに最適な場所です。

このタイプのものを標準化する努力があります。Web Open Font Format (WOFF) はそのような取り組みです。将来的には、主要なブラウザでも採用される可能性があります。様子を見る必要があります。

現時点では、通常どおりにフォントを参照し、その後にデフォルト (標準) フォントを追加することが最善の方法です。

font-family: "Arial Rounded MT Bold", "Times New Roman", Serif
于 2009-11-05T20:59:05.803 に答える
3

次の 2 つのオプションがあります。

  1. テキストの代わりに画像を作成する
  2. sifrを使用して、テキストを .ttf フォントに変換します
于 2009-11-05T20:57:20.800 に答える
2

TrueTypeフォントをEmbeddedOpenTypeフォントに変換して（簡単です！）、2つのフォントファイルを作成します。

  • Arial_Rounded_MT_Bold.ttf
  • Arial_Rounded_MT_Bold.eot

次に、CSSを次のようにします。

@font-face {
  font-family: 'Arial Rounded Bold';
  src: url('Arial_Rounded_MT_Bold.eot');
}
@font-face {
  font-family: 'Arial Rounded Bold';
  src: url('Arial_Rounded_MT_Bold.ttf') format('truetype');
}
h1.title {
  font-family: 'Arial Rounded Bold', serif;
}

Internet Explorerのおかげで、EOT仕様を最初に、別の@font-faceブロックに、format属性なしで指定する必要があります。詳細はこちら。

楽しみ！

于 2009-11-06T07:58:07.803 に答える