How to use icons from Font Awesome in the project manager?


#1

Hi,

I have the project-manager package installed and this is my projects.cson file:

"arch-scripts":
  title: "arch-scripts"
  paths: [
    "/home/fusion809/Shell"
    "/home/fusion809/.bashrc"
    "/home/fusion809/.zshrc"
  ]
"fusion809.github.io":
  title: "fusion809.github.io"
  paths: [
    "/home/fusion809/GitHub/mine/fusion809.github.io"
  ]
  icon: "fa-linux"
"hexo-site":
  title: "hexo-site"
  paths: [
    "/home/fusion809/GitHub/mine/hexo-site"
  ]
PKGBUILDs:
  title: "PKGBUILDs"
  paths: [
    "/home/fusion809/GitHub/mine/PKGBUILDs"
  ]

as you can see I have included the icon “fa-linux” for the “fusion809.github.io” project. This icon is meant to be provided by Font-Awesome repo which I have cloned to ~/.atom (my Atom configuration directory). I have attempted to include Font-Awesome and its CSS styles via adding this to my styles.less file:

@import (css) "Font-Awesome/css/font-awesome.css";

. Unfortunately, this does not seem to be working as no icon is being displayed next to fusion809.github.io when I list my projects (see the screenshot below to see what I mean).

If relevant my OS is 64-bit Arch Linux and my Atom version is 1.7.3.

Thanks for your time,
Brenton


#2

I’m not familiar with project-manager, but have you tried using the Unicode, erm, code?

From the Font Awesome style-sheet:

content: "\f17c";

Are you sure the config doesn’t want to point you to an actual file? In that case, you could still extract the SVG from source.

The portion you’re after:

<glyph unicode="&#xf17c;" … >