-
-
Notifications
You must be signed in to change notification settings - Fork 2.9k
Adding a new font icon to fontawesome etherpad
Sebastian Castro edited this page Apr 6, 2020
·
3 revisions
Etherpad comes with a lot of icons on the fontawesome-etherpad font, but in case you need one that is not there yet, follow these steps:
- Go to Fontello;
- Import the existing
src/static/font/config.json
into Fontello (here's a how-to for this step). This will automatically select some icons on the screen: - Click on "Download webfont";
- Unzip the downloaded file;
- On the resulting unzipped folder, copy the
config.json
and the four filesfont/fontawesome-etherpad.*
intosrc/static/font/
; - in unzipped folder, open
css/fontawesome-etherpad.css
, and copy the list of icons rules like
.buttonicon-sync-alt:before { content: '\e800'; }
.buttonicon-print:before { content: '\e801'; }
...
Into src/static/css/pad/icons.css
(replacing old similar css rules)
- That's it! Your code is ready for a pull request, and your icon is available for you to use. Here's an example of pull request that added an icon
Now that your icon is available, here's how to use it:
- Get icon's
code
fromconfig.json
; - Use this converter to find it's HEX value;
- Place the HEX value on the CSS.
- Docs
- Translating
- HTTP API
- Plugin framework (API hooks)
- Plugins (available)
- Plugins (list)
- Plugins (wishlist)
- Etherpad URIs / URLs to specific resources IE export
- Etherpad Full data export
- Introduction to the source
- Release Procedure
- Etherpad Developer guidelines
- Project to-do list
- Changeset Library documentation
- Alternative Etherpad-Clients
- Contribution guidelines
- Installing Etherpad
- Deploying Etherpad as a service
- Deploying Etherpad on CloudFoundry
- Deploying Etherpad on Heroku
- Running Etherpad on Phusion Passenger
- Putting Etherpad behind a reverse Proxy (HTTPS/SSL)
- How to setup Etherpad on Ubuntu 12.04 using Ansible
- Migrating from old Etherpad to Etherpad
- Using Etherpad with MySQL
- Customizing the Etherpad web interface
- Enable import/export functionality with AbiWord
- Getting a list of all pads
- Providing encrypted web access to Etherpad using SSL certificates
- Optimizing Etherpad performance including faster page loads
- Getting to know the tools and scripts in the Etherpad /bin/ folder
- Embedding a pad using the jQuery plugin
- Using Embed Parameters
- Integrating Etherpad in a third party app (Drupal, MediaWiki, WordPress, Atlassian, PmWiki)
- HTTP API client libraries