Search code examples
githubwebfontsicon-fontsfontello

How to use github icon set on fontello


Fontello has an area where you can drag custom fonts onto. GitHub style page here shows they have a custom font I want to use on that fontello can someone please help me to import it.


Solution

    1. Go to GitHub Style page HERE
    2. Open the inspector Ctrl + Shift + C
    3. Click on Fonts
    4. Click on "See all fonts used in this page"
    5. Find octicons section
    6. Highlight and copy (with Ctrl+C, cant right click here) that box below >Used as: "octicons" github icon set import to fontelo step 6
    7. Open notepad and paste it there.
    8. Find the format(svg) and copy it github iconset import to fontello step 8
    9. Go back to firefox, type in http://github.com/ and then paste the string you copied so now in URL bar it says https://github.com//assets/octicons-cdc456dbc5906e59b8c4d1c649a4b734fb0fd97b.svg#octicons
    10. Hit enter and now right click in the page after it loads and go view source github iconset import to fontello step 10
    11. Save this source to your drive github iconset import to fontello step 11
    12. Now go to Fontello tab and then drag the downloaded file into the area on Fontello site where it says "Drag custom SVG icons or SVG font here" on fontello github iconset import to fontello step 12 DONE. Wait and magically all the github icons are now available to you!! Its grouped as "Custom Icons" github iconset import to fontello step done

    Super cool!!