Question

我的网站在Concrete5上运行。

我想在现有页面中添加更多Font Awesome图标，但它没有显示。奇怪的是，我的网页上已经有了图标，他们正在展示......

然而，当我编辑带有图标的块来检查HTML时，没有HTML / CSS说图标应该在那里！

当我在HTML中的内容块中添加图标时，没有显示任何内容。但是当我添加一个带有HTML块的图标时，它确实会显示出来。

例如，绿色图片下方的树列显示三个绿色复选框。

这就是内容块所说的内容：

<p>Sessie 1</p>
<p>Analyse van je proces van vliegangst en je omslagpunt</p>
<p>Stoppen van de angst, piekeren en vervelende herinneringen</p>
<p>Praktische oefeningen voor thuis</p>

See the website here

正如你所看到的，那里没有字体真棒的CSS。但是图标显示在网页上。当你检查页面的html时，css也会显示。

现在，如果我愿意

<p> <i class="fa fa-camera-retro"></i> test</p>

在同一个块（内容块，在html窗口中）。它不会显示相机。它只会显示“测试”。

如果我然后回到内容块并查看html中的内容，则说

<p>test</p>

现在，如果我将相同的代码行放在HTML块中，会显示相机图标。

所以有两件事情发生了：

较旧的字体很棒的图标显示在网页上，但不显示在内容块html中。
新的font-awesome图标无法通过内容块中的html添加，但可以在HTML块中添加。

编辑：当我使用此代码时：

<p class="fa fa-camera-retro"></p>

它确实显示在内容块中。但是，我不能简单地添加带有一些文字的符号，因为字体将来自字体 - 真棒字体。

标记仍无效。所以

<i class="fa fa-camera-retro"></i>

什么都不给。

只有在代码之间有文字时才会显示图标：

<i class="fa fa-camera-retro">foo</i>

但是，编辑器会将标记更改为标记。然后'foo'就有了字体很棒的字体。不是我网站的字体。

**** ****解如果我这样做：

<p><i class="fa fa-camera-retro">&nbsp;</i> some text</p>

一切都按我的意愿运作。

尽管如此，内容块中缺少来自网站的所有较旧的字体 - 令人敬畏的CSS，但是当我在浏览器中查看网站时它正在呈现。如果有人有建议如何解决这个问题？

Answer 1

我在你的页面上看到了这个：

enter image description here

应该是  some text

<强>结果：

enter image description here

所以基本上你需要的只是改变这个

<p>fa-camera-retro</p>

到这个

<p><i class="fa fa-camera-retro"></i> some text</p>

Answer 2

啊，我想我看到了你的问题。您输入了一个新的HTMLblock，并粘贴在fa-camera-retro中。 FontAwesome作为一个类工作，应该在标签中输入。

您可以使用标记，也可以使用标记或其他任何内容。它应该是

之类的东西

（不要忘记额外的fa类，使其显示为字体很棒。

Answer 3

未来还值得记住，当您使用内容块时，TINYMCE默认会自动删除一些HTML标记，其中包括 ...以防止TINYMCE从这样做，请转到：

仪表板＆gt;系统＆amp;设置＆gt;基础/富文本编辑器。在那里，选择＆＃39; Custom＆＃39;并添加以下行

verify_html: false

有关详情，请在使用Concret5时将其保留在书签中，尤其是内容块：http://www.tinymce.com/wiki.php/Configuration3x:verify_html

Answer 4

在C5内容块中添加FontAwesome图标的技巧是使用em标记以及为它们之间的不间断空格添加代码。

<em class="fa fa-camera-retro">&nbsp;</em>

Answer 5

检查您是否给图标留了一定的边距，当我认真检查发现自己有CSS规则时，我遇到了一些图标会出现的相同问题。

p i{
margin-left:10px;
}

当我删除该空白时，所有图标都起作用。

字体真棒显示和不显示（具体5）

5 个答案: