Why @import 'system-font' instead of @import 'system-font-css'?

[riccardoerra]

Maybe a bit of clarity is required in the README. For example, if you are loading the package using PostCSS you need to use the name of the package so @import 'system-font-css';.

Is it not the same also for other methods of loading or I am missing something here?

[asuh]

I had the same issue and created a pull request to fix this.
#11

Can you please provide steps to recreate the problem? I think this is easily addressable but we need instruction on why this is happening in the first place.

[riccardoerra]

@asuh, sure.

1. Install the package
   Run npm install --save system-font-css
   So in my package.json file I have:

{
  "name": "repo",
  ...
  "dependencies": {
    "system-font-css": "~2.0.2",
    ...
  }
}

2. Load the package
   So in my imports.css file I have:

/*------------------------------------*\
    #IMPORTS
\*------------------------------------*/

@import 'system-font-css';
...

This works.

Instead if I use @import 'system-font';, as written in the README, the package doesn't get loaded and I get this error:

Message:
    Failed to find 'system-font'
  in [
    /Users/.../.../.../css
  ]
Details:
    fileName: /Users/.../.../.../css/imports.css
    domainEmitter: [object Object]
    domain: [object Object]
    domainThrown: false

Stack:
Error: Failed to find 'system-font'
  in [
    /Users/.../.../.../css
  ]
    at resolveModule.catch.catch (/Users/.../.../.../node_modules/postcss-import/lib/resolve-id.js:35:13)
    at <anonymous>

Maybe a problem with postcss-import?