1

Web サイトにカスタム フォントを実装する必要があります。何を使用すればよいですか。クライアントはカスタム フォントを提供しています。

  • すべてのブラウザーのサポート (IE6 およびすべての A グレード ブラウザーを含む)
  • テキスト選択可能
  • 選択を表示
  • スクリーンリーダーでアクセス可能
  • JS が無効になっている場合は正常に分解可能
  • 短時間で簡単に実装および管理
  • モバイルブラウザ対応
  • パフォーマンスの問題が少ない
  • 購入不要
  • リンクとしても使える
  • フォントは Photoshop のように滑らかに見えるはずです

または、これらすべてを備えた他の優れた無料のソリューションはありますか?

4

4 に答える 4

2

Paul Irishが説明した防弾@font-face構文を使用して、条件付きIEタグの代替スタイルとJavaScriptでバックアップしてみませんか？

IE： 

<style type="text/css">
...
@font-face {
  font-family: 'Graublau Web';
  src: url('GraublauWeb.eot');
  src: local('Graublau Web Regular'), local('Graublau Web'), 
         url('GraublauWeb.otf') format('opentype');
}
...
</style>
<!--[if lte IE 6]>
<link type="text/css" rel="stylesheet" href="ie_6styles.css" />
<script type="text/javascript" src="Cufon.js"></script>
<script type="text/javascript">
   Cufon.init();
</script>
<![endif]-->

このセットアップですぐに満たされない要件の唯一の部分は、全面的なモバイル互換性です。サポートするプラットフォームを決定したら、このソリューションは、それらすべてをサポートできるように十分に拡張可能である必要があります。

于 2010-03-02T18:28:54.390 に答える
1

@font-face を使用して古いブラウザーに JavaScript ソリューション (cufón など) を配信する場合。

  1. fontsquirrelを使う
  2. そしてJavaScriptフィルター
于 2010-03-03T12:27:12.683 に答える
0

Altタグ付きの画像を選択的に使用し、適切な使用法とセンスの良い標準フォントに依存することを検討した方がよいと思います。

于 2010-03-02T18:12:07.497 に答える
0

@font-face は、あなたが望んでいるほどには IE6 をサポートしていません。したがって、それが要件である場合は、使用しないでください。

ブラウザーの一貫性も @font-face の大きな問題です

于 2010-03-02T11:33:03.550 に答える