Question

我正在Joomla 3.1.5中创建一个自定义模板，我正在使用静态网页作为模型。静态页面显示正常。该页面有很多小图标/字形样式显示，包括facebook，twitter，google +等图标。我正在使用font-awesome来创建图标。在我的静态HTML示例字体 - 真棒工具很好。

当我在Joomla中创建自定义响应模板时，CSS文件会以某种方式“损坏”。

原始CSS文件提取..

.icon-twitter:before              { content: "\f099"; }
.icon-facebook:before             { content: "\f09a"; }
.icon-github:before               { content: "\f09b"; }

当我在Firefox浏览器中使用firebug检查页面时，我可以确切地看到该内容。当我查看joomla页面中的相同内容时，CSS文件显示以下内容：

.icon-twitter:before              {content: "";    }
.icon-facebook:before             {content: "";    }
.icon-github:before               {content: "";    }

静态网站和Joomla网站都是在线托管的。内容字符已经以某种方式被转换......并且图标不显示。 Chrome上的错误看起来也一样。

静态html站点和CSS文件的joomla站点副本都是相同的，尽管一个使用样式目录而另一个使用css目录。静态站点呼叫是：

<link rel="stylesheet" href="style/font-awesome.css">.

请注意，对CSS文件的joomla调用是：

$doc->addStyleSheet('templates/'.$this->template.'/css/font-awesome.css');

我确实看到了font-awesome.css的内容分发网络（CDN）链接

 <link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">

我还没有尝试过，会尝试下一步。同时有人知道为什么信息在Joomla模板实现中被破坏了吗？非常感谢您的帮助，拉链。

编辑：一种可能的想法..这可能是用于保存.css文件的文本编码格式的问题吗？ ASCII与UTF-8没有BOM与直接UTF-8？我不认为我改变了文件的副本，但它肯定是可能的。这可能是问题吗？使用的正确格式是什么？

编辑＃2：以下是网页上的信息：静态页面编码：

 <!DOCTYPE html>
 <html lang="en">
 <head>...

Joomla模板编码：

 <!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="
 <?php echo $this->language; ?>
 " lang="<?php echo $this->language; ?>
 " dir="<?php echo $this->direction; ?>">
 <head>...

Answer 1

更新。显然我有相互冲突的.css文件。我已经将我的静态网页CSS文件添加到我的Joomla'现有'template.css文件目录中。我的模板基于Joomla Protostar模板。我想我先得到逻辑，模块和结构然后再回去清理样式表。肯定存在一些冲突，不确定究竟是什么。 Protostar template.css文件有9000多行代码。我现在已经删除了旧的template.css文件，所有字体真棒图标现在都正确显示。

- 拉链

为什么我的Font Awesome CSS文件被破坏（与Joomla一起使用时）？

1 个答案: