collective.fontawesome 1.1

功能

• Font Awesome版本：5.2.0。

• 包含一个GenericSetup配置文件示例，用于用FontAwesome字体替换Plone的默认图标。

• 包含一个示例视图，请访问http://site_url/@@example.collective.fontawesome

翻译

此产品已被翻译成

• 西班牙语（感谢，Leonardo J. Caballero G. 即 macagua）

安装

可以使用典型的Plone插件安装过程安装此插件。请参阅官方文档以获取描述。

对于Plone 5，导入“collective.fontawesome (Plone 5)”配置文件。

如何使用

自第5版起，FontAwesome改变了其工作方式，免费版本包括2个字体：“Font Awesome 5 Free”和“Font Awesome 5 Brands”。

根据您想使用的图标，您必须使用“fa”或“fab”类

要使用“Font Awesome 5 Free”的图标，请添加类“fa fa-X”，要使用“Font Awesome 5 Brands”的图标，请将类“fab fa-X”添加到您的标签中，其中X是您想要的图标

<ul>
    <li class="fa fa-glass-martini">item 1</li>
    <li class="fa fa-music">item 2</li>
    <li class="fa fa-search">item 3</li>
</ul>
<ul>
    <li class="fab fa-angular">item 1</li>
    <li class="fab fa-apple">item 2</li>
    <li class="fab fa-avianex">item 3</li>
</ul>

或者直接使用CSS为您的类'myclass'

.myclass:before {
    content: "\f000";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
}

内容属性可用CSS类和值可以在Font Awesome速查表或源代码中找到（文件：font-awesome.css#L171，编写时）。

可用图标的全列表可以在此处找到：Font Awesome免费图标

插件中有一个示例页面，以下是截图

用FontAwesome字体替换Plone的默认图标

现在有一个名为replace-plone-icons的独立Generic Setup配置文件，该文件将用Font Awesome图标替换Plone的默认图标（例如内容类型和动作）。

重要：您仍然需要安装默认配置文件。

插件中有一个replace-plone-icons配置文件示例，以下是截图

贡献

• 问题跟踪器：https://github.com/collective/collective.fontawesome/issues

• 源代码：https://github.com/collective/collective.fontawesome

鸣谢

许可

• Font Awesome字体许可协议为SIL开放字体许可http://scripts.sil.org/OFL

• Font Awesome CSS、LESS和SASS文件许可协议为MIT许可https://open-source.org.cn/licenses/mit-license.html

• Font Awesome 图标库采用 CC BY 3.0 许可证 https://creativecommons.org/licenses/by/3.0/

• 在 Font Awesome 3.0 中不再需要署名，但非常感谢：“Font Awesome by Dave Gandy - https://fontawesome.com/”

变更日志