-2

私は Bootstrap 3.0.2 を使用しているこのサイトを持っています。問題は、Chrome ではグリフィコンが完全に表示されていることですが、IE と FF の両方では表示されません。FF ではアイコンが数字の小さなボックスとして表示されます。で、FFコンソールでこれを取得します

[11:31:54.537] downloadable font: download failed (font-family: "Glyphicons Halflings" style:normal weight:normal stretch:normal src index:1): bad URI or cross-site access not allowed
source: http://url.com.com/templates/a_template/fonts/glyphicons-halflings-regular.woff 

[11:31:54.691] downloadable font: download failed (font-family: "Glyphicons Halflings" style:normal weight:normal stretch:normal src index:2): bad URI or cross-site access not allowed
source: http://url.com/templates/a_template/fonts/glyphicons-halflings-regular.ttf 

[11:31:54.691] downloadable font: no supported format found (font-family: "Glyphicons Halflings" style:normal weight:normal stretch:normal src index:4)
source: (end of source list)

IE（これまでに試したすべてのバージョン）では、アイコンがまったく表示されず、コンソールにこれが表示されます

CSS3117: A error occurred in a request to the origin of @ font-face. There is limited access to the resource.
glyphicons-halflings-regular.eot

CSS3117: A error occurred in a request to the origin of @ font-face. There is limited access to the resource.
glyphicons-halflings-regular.ttf

CSS3117: A error occurred in a request to the origin of @ font-face. There is limited access to the resource.
glyphicons-halflings-regular.woff

こことグーグルで見つけたすべての解決策を試しましたが、ほとんど運がありませんでした。

私のテンプレートには、次のものを含めます。

<link rel="stylesheet" href="<?php echo $template_path; ?>/css/bootstrap.min.css" media="screen">
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="<?php echo $template_path; ?>/js/vendor/bootstrap.min.js"></script>

IE と FF でアイコンを表示するにはどうすればよいですか?

4

1 に答える 1

0

エラーが見つかりました。サイトの以前の管理者が、www を追加していないテンプレート フォルダーに .htaccess ファイルを追加していました。ロードの前に、サイト全体が www でロードされました。テンプレートフォルダーがwwwなしでロードされている間。これをwwwでロードするように変更しました。そしてそれはすべてを修正しました:)

于 2013-11-12T11:49:23.583 に答える