我正在 Joomla 3.1.5 中创建一个自定义模板，我正在使用静态网页作为模型。静态页面显示正常。该页面有很多小图标/字形样式显示，包括 facebook、twitter、google+ 等的图标。我正在使用 font-awesome 来创建图标。在我的静态 html 示例中，font-awesome 工具效果很好。
当我在 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 上看起来也一样。
CSS 文件的静态 html 站点和 joomla 站点副本是相同的，尽管一个使用 style 目录，另一个使用 css 目录。静态站点调用是:
<link rel="stylesheet" href="style/font-awesome.css">.
注意 joomla 对 CSS 文件的调用是:
$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 模板实现中被破坏了吗？非常感谢你的帮助，zip。
编辑:一个可能的想法.. 这可能是用于保存 .css 文件的文本编码格式的问题吗？没有 BOM 的 ASCII vs UTF-8 vs 直接的 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>...
最佳答案
更新。显然我有冲突的 .css 文件。我已将我的静态网页 CSS 文件添加到我的 Joomla“现有”template.css 文件目录中。我的模板基于 Joomla Protostar 模板。我想我会先弄清楚逻辑、模块和结构，然后再回去清理样式表。肯定有一些冲突，不确定到底是什么。 Protostar template.css 文件有 9000 多行代码。我现在已经删除了旧的 template.css 文件，现在所有 Font Awesome 图标都可以正确显示了。
-- zip
关于css - 为什么我的 Font Awesome CSS 文件会损坏(与 Joomla 一起使用时)？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/18392042/