1

我正在使用预装了 fontawesome 图标的 Wordpress 主题 (Avada)。我的客户想使用http://fontello.com/的 lineicons ！他下载了 .zip 文件并将其发送给我。这是我所做的：

1) 解压 -zip 文件，得到以下文件： - css 文件夹 - 字体文件夹 - config.json - demo.html - README.txt

2) 我将 CSS 文件夹中的所有内容上传到：/wp-content/themes/Avada/css

3）我将字体文件夹中的所有内容上传到：/wp-content/themes/Avada/fonts/fontello/

4) 现在我打开 /wp-content/themes/Avada/css/fpslineicons.css 并将@font-face 设置为以下路径：

@font-face {
  font-family: 'fpslineicons';
  src: url('../fonts/fontello/fpslineicons.eot?98281823');
  src: url('../fonts/fontello/fpslineicons.eot?98281823#iefix') format('embedded-opentype'),
       url('../fonts/fontello/fpslineicons.woff?98281823') format('woff'),
       url('../fonts/fontello/fpslineicons.ttf?98281823') format('truetype'),
       url('../fonts/fontello/fpslineicons.svg?98281823#fpslineicons') format('svg');

之后我去了我的管理面板并在我的首页上输入了以下代码：

<i class="icon-heart">Test</i>

我也试过：

<div class="icon-heart">Test</div>

你猜怎么着？什么都没有显示。有人可以告诉我我做错了什么吗？我找不到问题所在。

谢谢，克里斯

4

2 回答 2

0

font-family您是否尝试过为您的<i>和明确<div>设置fontello

div {font-family:'fontello'}

因为您已经在使用另一个图标字体库，这可能是问题所在

于 2015-03-06T22:46:20.510 回答
0

确保@font-face{font-family: "fontello";}和[class^="icon-"]:before, [class*=" icon-"]:before {font-family: "fontello";}相同。

@font-face {
  font-family: 'fontello';
  src: url('../fonts/fontello/fpslineicons.eot?98281823');
  src: url('../fonts/fontello/fpslineicons.eot?98281823#iefix') format('embedded-opentype'),
       url('../fonts/fontello/fpslineicons.woff?98281823') format('woff'),
       url('../fonts/fontello/fpslineicons.ttf?98281823') format('truetype'),
       url('../fonts/fontello/fpslineicons.svg?98281823#fpslineicons') format('svg');
}

于 2016-11-10T14:15:27.457 回答