-
Notifications
You must be signed in to change notification settings - Fork 185
Add a font icon
Silvio Moioli edited this page Jun 3, 2022
·
1 revision
- have a designer produce a black-on-transparent SVG or draw it yourself
- go to https://icomoon.io/app
- remove all existing icon sets
- click on Import Icons
- upload https://github.com/uyuni-project/uyuni/blob/master/web/html/src/branding/fonts/font-spacewalk/font/spacewalk-icon.svg (this is a special SVG file containing all current icons and code points, it is not editable with Inkscape or other standard editors)
- upload the new SVG file by dragging it into icomoon's app window
- move it to the end of the spacewalk-icon set using Ctrl+Shift+mouse drag
- select all icons
- click on Generate Font at the bottom of the page
- set a new sequential code point for the newly added icon (note that code points are specified in hexadecimal)
- save and export the new version of spacewalk-icon files (that will be svg, eot, ttf and woff in a zipfile)
- commit all files in https://github.com/uyuni-project/uyuni/blob/master/web/html/src/branding/fonts/font-spacewalk/font
- edit https://github.com/uyuni-project/uyuni/blob/master/web/html/src/branding/fonts/font-spacewalk/css/spacewalk-font.css to add a CSS class for the newly added code point and commit it
