Atom: Icons Not Showing on Mac

[diminutivesloop]

I’m currently syncing my .atom folder between a Mac and a Windows PC using Dropbox. The icons display as expected on the Windows PC, but on the Mac almost all the icons display as empty boxes. I’ve tried reinstalling the package and restarting Atom, but the issue persists. I’ve included some screenshots to illustrate the problem.

[Alhadis]

Are there any network/load errors when you open the developer tools?

I can tell at a glance the icon font isn't loading correctly.

[Alhadis]

Actually... _none_ of the icon fonts are loading except Octicons. :| What exactly are you syncing? The _entire_ .atom user directory?

If so, it might be because your compile-cache is being shared with foreign path separators (I'm guessing).

[nerdgore]

I have the same issue. It started a week or so ago. Usually setting another theme or disabling and then enabling file-icons solves this for the current session.

[Alhadis]

What version of Mac are you running, guys?

I'm running Mavericks and haven't experienced any such issues...

[nerdgore]

I am running El Capitan. But this issue did not appear with an update if that helps. It also seems that after a very long time (several minutes) the icons appear on their own.

FWIW Timecop says file-icons took 18ms to load and added an overall 53ms to the startup time. However that does not explain the long time it takes for the icons to appear.

[Alhadis]

The hell. Can you PasteBin me the output of apm list...?

[nerdgore]

There you go: (apm list output)[http://pastebin.com/ysnYeTDf)

[Alhadis]

... erm, I did say PasteBin, but massive lists are cool too, I guess.

I'll have a look into this, cheers.

[nerdgore]

oops, sorry my bad I stopped kind of missed the bin in pastebin.

[Alhadis]

@nerdgore When this happens, what CSS properties are being applied to the icons? Are there any from this package? If you kick the dev tools open, you should see something like this when you inspect an icon in the tree-view:

Also, which themes do you have enabled when this happens? (Just trying to get as much info together as possible here)

[diminutivesloop]

Just checked the network tab in Chrome and found this little nugget.

[diminutivesloop]

I’m currently running OS X 10.11.6, and I’m syncing the entire .atom folder via Dropbox. Also I haven’t noticed the problem go away even if I toggle themes or leave Atom open for an extended period.

[Alhadis]

What the... can you try this?

1. Open styles/fonts.less in the downloaded package's directory
2. Replace format("woff") with format(woff2)
3. Quit and restart Atom

Does that make a difference?

[nerdgore]

Okay, I tried brute force and found out what causes icons to disappear for me.

(De)activating "js-refactor" I can reproduce the issue.
There is already an issue over at hax/js-refactor#16

[Alhadis]

Perfect, now we're getting somewhere.

Installing that package now, I'll see if I can reproduce this.

EDIT: Nope, still nothing. :S

[nerdgore]

In my case having js-refactor enabled is cancelling all requests to *.woff files. So it seems to be an issue with loading rather than styling. And that issue seems to be with another package.

[Alhadis]

Not just woff files, it's cancelling requests to a lot of stuff. :| It's also blocked octicons.woff (which is supplied by Atom as a core resource) and also the metric collection requests Atom makes when collecting analytics.

This seems to be a pretty nasty issue with the js-refactor package, or something. You'd best file an issue there.

[Alhadis]

@diminutivesloop Does the network tab give you any insights if you click or hover on the font's entry? Nothing about _why_ the resource wasn't loaded?

If that tells you nothing, what about the Resources tab?

[diminutivesloop]

Looks like the issue is fixed for me after updating to Atom 1.9.8.

[Alhadis]

Hrm, strange... :S

Well, if it pops up again, feel free to open another issue.