Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

bad woff path for icons #843

Closed
peonmodel opened this issue Apr 23, 2017 · 2 comments
Closed

bad woff path for icons #843

peonmodel opened this issue Apr 23, 2017 · 2 comments

Comments

@peonmodel
Copy link

icons in semantic-ui is not loading, i have narrowed down the problem to the semantic.min.css file send to the client

the file generated by webpack have this line

require("./theme/default/assets/fonts/iconswoff2") format("woff2"), require("./themes/default/assets/fonts/icons.woff") format("woff"), ...

instead of

require("./theme/default/assets/fonts/icons.woff2") format("woff2"),
require("./themes/default/assets/fonts/icons.woff") format("woff"), ...

(note the dot between "icons" and "woff2" that is missing)

removing the .woff2 reference simply result in the error shifting to the next line (.woff in this case)

the semantic.min.css in the project folder is fine, its just the file sent to client that have this issue

@KyleAMathews
Copy link
Contributor

Huh, weird problem! I'm not entirely sure what's causing this though. This seems like a bug in whatever css-loader you're using so I'd suggest looking to see if anyone else is reporting this bug and if not, add a bug reporter yourself.

@subvind
Copy link

subvind commented Aug 13, 2017

I get this error after trying to install semantic-ui-react and semantic-ui-css

Access to Font at 'http://localhost:8000/static/icons.af7ae505.woff2' from origin 'http://127.0.0.1:8000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://127.0.0.1:8000' is therefore not allowed access.
client.js:67 [HMR] connected
127.0.0.1/:1 Access to Font at 'http://localhost:8000/static/icons.fee66e71.woff' from origin 'http://127.0.0.1:8000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://127.0.0.1:8000' is therefore not allowed access.
127.0.0.1/:1 Access to Font at 'http://localhost:8000/static/icons.b06871f2.ttf' from origin 'http://127.0.0.1:8000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://127.0.0.1:8000' is therefore not allowed access.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants