2011-06-28 7 views
3

私が開発しているウェブサイトについては、複数の@ font-faceを使用して特定のテキストのスタイルを設定しています。私のフォントの1つとして、MacとWindows用のすべてのブラウザで優れています.Windows上のChrome(Vistaでは& Windows 7で起こっています)という例外があります。Windowsのテキストの代わりにChromeが表示されています(Vista)

このブラウザでは、フォントは使用されていますが、テキストのスペースはボックスとして表示されています。

Chrome for Macを確認しても問題はありません。私はオンラインで見て、日本語/中国語のサイトなどの文字やフォントを正しくレンダリングできないときに、四角形を表示するChromeについて多くのことを発見しました。キャッシュをクリアしたり、compを再起動したりするなど、そこに言及されている解決策はありません。

私のフォントはサイトに表示されているものの、スペースは四角形で表示されているだけでなく、ここに該当するケースは一切ありません。これは私が使用している他の@ font-faceフォントでは起こりません。

私がオンラインで見つけた解決策には、フォントがローカルにインストールされていることが含まれています。これはオプションではありません。ウェブサイトを訪れたすべての人に自分のコンピュータにフォントをインストールするように依頼することはできません。

私はリンクを添付しますが、プロジェクトは現在開発サーバーにあります。

誰かがこの問題にぶつかりましたが、このレンダリングの問題を解決する方法を知っている人はいますか?

答えて

0

今年はさまざまなアプローチを試してみましたが、私は自分でこの答えを探していました。私は最終的にフォントジェネレータにユニコード文字を追加することでそれを解決しました。

0085, 000A, 000B, 000C, 000D, 2028, 2029 

長い答えはこの質問で提供されています:Chrome 10/Windows @font-face encoding trouble

1

私はそれがように思われた問題に遭遇した

短い答えは、Unicodeの範囲のためのあなたのフォントのリスの設定にこれを追加することですボックスはテキストのランダムな領域にのみ表示され、スペースにのみ表示されます。

私の解決方法は、プレーンテキストエディタを開いて、プレーンテキストエディタで問題のあるコンテンツを再入力し、コンテンツにペーストすることでした。

私の場合、デザイナーと作業していましたが、AIファイルからテキストをコピーしていましたが、コピーされた隠し文字があると思います。私の場合は

1

私は、これは非常に古いポストですが、ちょうど私が私の溶液を生成させたもの苦戦するケースには知っている...

、私は様々なソリューションを私の脳を割ったが、どれもすべてのブラウザで私の作業の結果を与えませんでした互換性。少し試した後、私は解決策を見つけました。これは以下の手順に従います。

あなたはヌーディー、bharahaまたは任意の非Unicode文字で入力した場合、これは動作しますが(私のテストはヌーディーにあった)

  1. はあなたがオンラインコンバータに
  2. 試みを必要とする任意のソフトウェアでテキストを入力しますUnicodeに非Unicode(Iは http://aravindavk.in/ascii2unicode/を使用)
  3. 次いで

    <style> 
        @font-face { 
        font-family: kannadanudi; 
        src: url('https://github.com/googlei18n/noto-fonts/raw/master/unhinted/NotoSansKannada-Regular.ttf'); 
        } 
        </style> 
    
        <p style="font-family: kannadanudi;"> 
        ನಮ್ಮ ಮಾತು 
        </p> 
    
下にコードの一部を試します

上記のコードから、ローカルフォントパスをダウンロードして与えるか、github URLに直接リンクすることができます。とにかくこれは私が私の問題を終わらせたことでした..前もってありがとうございました。いずれかの疑問がある場合は、それにコメントすることができます。

関連する問題