2016-05-24 5 views
0

ビッグコマースサイトで少々シンプルなCSS編集をした後、検索とカートアイコンが突然消えました。彼らは今、変な文字として表示されます。 私はBig Commerceの設計バックエンドに入り、コードに奇妙なものは見つかりませんでした。ブラウザのhtmlとcssコードを調べると、アイコンは正しく呼び出されます。フォント驚くばかりのアイコンが消えました。不思議なキャラクター(ビッグコマース)

<i class="fa fa-search"></i> 

何が問題なのでしょうか?サイトのURLはUrl テンプレートのデモURLはビッグコマースへの新しいすべてのヘルプははるかに高く評価されenter link description here

、です。

+0

あなたのブラウザには広告がありますか? – Heisenberg

+0

コンソールに「エラー:ダウンロード可能なフォント:ダウンロードが失敗しました(フォントファミリー:「FontAwesome」スタイル:通常のストレッチ:通常のsrcインデックス:1):不正なURIまたはクロスサイトアクセスは許可されていませんソース:http: /cdn4.bigcommerce.com/s-aozh7/templates/__custom/Styles/font/fontawesome-webfont.woff?v=4.0.3 ソースファイル:http://cdn4.bigcommerce.com/s-aozh7/templates/ __custom/Styles/styles.css?t = 1464079596 行:4857、列:12 –

+0

ありがとう私はAdblockを使用していません – Yoligrana

答えて

1

これは、初めてCSSファイルを編集したときに発生する可能性があります(ハイパーリンクしないでください。サーバー上でホストしてリンクしてください)。すべてのテーマファイルをダウンロードし、WebDAVにfont-awesomeまたはfontフォルダを再アップロードすると、それが解決されるはずです。

+1

これは問題を解決しました。ありがとうございます!フォントフォルダとそのファイルが欠けていました。/styles/cyberDuckでファイルをアップロードします。 – Yoligrana

+1

問題ありません。ほぼ毎回これを見て、私はそれについてのサポート文書があると信じています。ご迷惑おかけして申し訳ありません! – Alyss

+0

もう一度ありがとう! – Yoligrana

0

これは私がコンソールから得たものです。

enter image description here

Font from origin ' http://cdn4.bigcommerce.com ' has been blocked from loading by Cross-Origin Resource Sharing policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin ' http://hearneseed.com ' is therefore not allowed access. The response had HTTP status code 404.

あなたはサーバー上に存在しないファイルへのリンクをしています。また、Same-Origin Policyを読んでみてください!

​​Font-Awesome libraryへの公式のリンク。

http://fontawesome.io/
http://fontawesome.io/assets/font-awesome/css/font-awesome.css

関連する問題