2017-01-15 8 views
0

フォントに関して多くの問題が報告されていますが、それらをすべて見ても問題は解決できません。私はmvc .NETアプリケーションを作成しています。フォントフォルダ内のすべてのフォントファイルを移動し、自分のCSSをに変更しました。私はVisual Studioでこの問題に直面しているので、私は実際の例を提供することはできません。 Chromeで問題のUIグリッド:ダウンロードされたフォントの解読に失敗しましたOTS解析エラー:無効なバージョンタグ

@font-face { 
    font-family: 'ui-grid'; 
    src: url('../fonts/ui-grid.eot'); 
    src: url('../fonts/ui-grid.eot#iefix') format('embedded-opentype'), url('../fonts/ui-grid.woff') format('woff'),   url('../fonts/ui-grid.ttf') format('truetype'), url('../fonts/ui-grid.svg?#ui-grid') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
} 

スクリーンショット:Firefoxで問題の enter image description here

スクリーンショット:Internet Explorerでの問題のため enter image description here

スクリーンショット: enter image description here

UIグリッド・バージョン:4.0 .2

答えて

0

あなたはファイルとUI-grid.cssが

https://github.com/angular-ui/bower-ui-grid/blob/master/ui-grid.ttf

https://github.com/angular-ui/bower-ui-grid/blob/master/ui-grid.woff

またはあなたの中にあるディレクトリにUIグリッド資源からの.ttfファイル.woffあなたの必要をダウンロードする必要があります。 htmlファイルでは、公式のui-gridサイトを直接指しているので、ファイルを参照する必要はありません。彼らは、上記

1.パスのURL( '../フォント/ UI-grid.woff')を確認し、あなたのオプションではありません場合は自分自身にあなたがやるべき

<link rel="stylesheet" href="http://ui-grid.info/release/ui-grid.css" type="text/css"/> 

だから、2つのことを気にURLがかかります( '../fonts/ui-grid.ttf')

2.あなたのMIMEタイプがあなたのインターネットサーバーによってサポートされているformat()によって返された正しいものかどうかを確認する必要があります。あなたは「TTFのためのこれらの

1. MIME 'WOFF' アプリケーション/ X-WOFFがあると

2. MIMEを追加しているあるサーバーへのアプリケーション/ octet-streamの

?これらの2つの可能性があるはずです。あなたのパスが正しくないか、またはサーバー設定のMIMEが装備されていないかのいずれかです。

オリジナルUI-grid.cssが

src: url('ui-grid.eot#iefix') format('embedded-opentype'), url('ui-grid.woff') format('woff'), url('ui-grid.ttf') format('truetype'), url('ui-grid.svg?#ui-grid') format('svg'); 

を持っていますが、あなたはそう

url('../fonts/ui-grid.woff'), url('../fonts/ui-grid.ttf') 

ですが、あなたが本当にあなたのフォントパスにUI-grid.woffを持っていますか?

+0

すでにフォントフォルダーに存在していますが、私もパスも変更されています。これは質問に記載されています –

+0

私は自分の質問を再回答するために私の答えを編集しました!チェックしてください。 –

関連する問題