1

在发布之前，我已经尽可能多地在谷歌和这里搜索，所以如果这很容易回答，请原谅。也许现在我在哪里已经很晚了，我不知道。

该网站是http://artofbackpacking.com

无论我做什么，右上角的网络字体都没有加载。您会看到我有 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

看起来你的路径不正确我在你的字体网址上得到 404。例如，尝试仅使用“/wp-content/fonts/socialFontsMichael.woff”。这对我来说似乎是一个有效的网址。

于 2013-07-30T02:42:00.150 回答
1

您的文件名（大写）或文件夹权限有问题：

控制台错误：

控制台错误

尝试更改“fonts”文件夹的权限，或者可能是字体文件名带有大写“socialFontsMichael”，将其更改为小写，如“socialfontsmichael”。

于 2013-07-30T03:00:57.753 回答