1

投稿する前にGoogleやここでできる限り多くの検索を行ったので、これが簡単に答えられる場合は申し訳ありません. たぶん、私がどこにいるのかはわかりません。

サイトはhttp://artofbackpacking.comです。

何をしても、右上の Web フォントが読み込まれません。e001、e002 などがあることがわかります。これらは私の開発環境では機能しますが、ライブ サイトでは機能しません。フォントは icomoon.io からのもので、そこで提案された CSS を使用しました。Base64 コードも試しましたが、どちらも機能しませんでした。

これは、このために CSS で取得したものの一部です。

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

助けに感謝します。

4

3 に答える 3

1

\の前に置くのを忘れましたe000。これを試してください：

.social-feed:before {
    content: "\e000";
    background: #FF6600;
}
.social-feed:before hover {
    content: "\e000";
    background: #000;
}
.social-twitter:before {
    content: "\e001";
    background: #00aced;
}
.social-facebook:before {
    content: "\e002";
    background: #3b579d;
}
.social-instagram:before {
    content: "\e003";
    background: #dbd2c3;
}
.social-pinterest:before {
    content: "\e004";
}
.social-google-plus:before {
    content: "\e005";
    background: #c12026;
}
.social-youtube:before {
    content: "\e006";
    background: #ff3333;
}

アイコンフォントの使い方：http: //gomakethings.com/icon-fonts/

于 2013-07-30T23:23:07.133 に答える
1

ファイル名 (大文字) またはフォルダーのアクセス許可に問題があります。

コンソール エラー:

コンソール エラー

「fonts」フォルダのパーミッションを変更してみるか、フォントファイル名が大文字の「socialFontsMichael」を「socialfontsmichael」のように小文字に変更していることが原因かもしれません。

于 2013-07-30T03:00:57.753 に答える
1

パスが間違っているようです。フォント URL で 404 が発生しています。たとえば、「/wp-content/fonts/socialFontsMichael.woff」を使用してみてください。これは有効な URL のようです。

于 2013-07-30T02:42:00.150 に答える