Skip to main content

Font Awesome for Plone

Project description

Introduction

This addon registers Font Awesome into Plone CSS registry.

Version of Font Awesome: 4.6.3

License

How to install

This addon can be installed with the typical Plone addon installation process. Please see the official documentation for a description.

For Plone 5, import the “collective.fontawesome (Plone 5)” profile.

How to use

To use an icon you can add ‘fa fa-X’ to your tag where X is the icon you want:

<ul>
    <li class="fa fa-glass">item 1</li>
    <li class="fa fa-music">item 2</li>
    <li class="fa fa-search">item 3</li>
</ul>

Or just use CSS for your class ‘myclass’:

.myclass:before {
    content: "\f000";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
}

Available CSS classes and values for the content attribute can be found in the Font Awesome cheat sheet or in the source code (file: font-awesome.css#L171 at the time of writing).

An example page is avaible in the addon, here is a screenshot:

https://raw.githubusercontent.com/collective/collective.fontawesome/master/docs/screenshot.png

Replacing Plone’s default icons with FontAwesome fonts

There is now a separate Generic Setup profile called replace-plone-icons which will replace Plone’s default icons (e.g. for content types and actions) with Font Awesome icons.

IMPORTANT: You still need to install the default profile as well.

Credits

Companies

People

Changelog

1.0.4 (2016-09-28)

  • Update to fontawesome 4.6.3 [gbastien]

  • Include *.woff2 in MANIFEST.in so file is present in the release or we have an error in the browser console while trying to import file fontawesome-webfont.woff2 [gbastien]

1.0.3 (2015-07-10)

  • Update to fontawesome 4.1.0 [jcbrand]

  • Update to fontawesome 4.3.0 [ebrehault]

  • Add new GenericSetup profile that replaces Plone’s default icons for content types and actions with FontAwesome fonts. [jcbrand]

  • Plone 5 compliancy [ebrehault]

1.0.2 (2013-05-14)

  • Update to fontawesome 3.1.1

1.0.1 (2013-05-06)

  • Fix packaging (manifest)

1.0 (2013-05-06)

  • Package created using templer [JeanMichel aka toutpt]

Project details


Download files

Download the file for your platform. If you're not sure which to choose, learn more about installing packages.

Source Distribution

collective.fontawesome-1.0.4.tar.gz (660.5 kB view details)

Uploaded Source

File details

Details for the file collective.fontawesome-1.0.4.tar.gz.

File metadata

File hashes

Hashes for collective.fontawesome-1.0.4.tar.gz
Algorithm Hash digest
SHA256 060c78c6b15c81909699082fd0e248de158d0d1918556c0e7f9f88dfa85bb910
MD5 c5fd2e56ed2251b8988e229f52af65f7
BLAKE2b-256 861b6a1ce405a5b9d81fccbf6b95d7856b33f0e055ac39f8dceedc04d388e26f

See more details on using hashes here.

Supported by

AWS AWS Cloud computing and Security Sponsor Datadog Datadog Monitoring Fastly Fastly CDN Google Google Download Analytics Microsoft Microsoft PSF Sponsor Pingdom Pingdom Monitoring Sentry Sentry Error logging StatusPage StatusPage Status page