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

Font URL containing hashtag is not processed correctly #668

Closed
attrox opened this issue Jan 23, 2018 · 8 comments · Fixed by #803
Closed

Font URL containing hashtag is not processed correctly #668

attrox opened this issue Jan 23, 2018 · 8 comments · Fixed by #803

Comments

@attrox
Copy link

attrox commented Jan 23, 2018

url('./assets/fonts/ProximaNova/Mark Simonson - Proxima Nova Alt Regular-webfont.eot?#iefix')

is processed to

url("Mark Simonson - Proxima Nova Alt Regular-webfont.e802340fb269d9d36021.eot”?#iefix).

The quotation mark is misplaced and the font is not downloaded properly by the browser.

It's working correctly once I revert back to "css-loader": "0.28.7"

@igorroch
Copy link

igorroch commented Jan 24, 2018

I have same issue

@alexander-akait
Copy link
Member

@attrox @igorroch problem still exists? Don't reproducible locally. Can you create minimum reproducible test repo?

@alexander-akait
Copy link
Member

Close in favor, seems you have other invalid loader and/or plugin.

@igorroch
Copy link

igorroch commented Feb 18, 2018

Hey, @evilebottnawi , sorry for late response.
Check this out https://github.com/igorroch/css-loader-issue-668

npm i
npm run build
Open index.html in chrome

I can still reproduce the problem with spaces in folder or file name. I used file loader to store font files with exact path.

p.s.: In this repo I used ttf with hash just for demo.

@alexander-akait
Copy link
Member

@igorroch thanks for anwswer

@alicoding
Copy link

alicoding commented Mar 15, 2018

I'm seeing similar issue here when upgraded to version 0.28.10.

In my case I'm seeing this once I upgraded:

  src: url(/react/FrutigerLTforBNS-Light.eot?#iefix) format("embedded-opentype"), url(/react/FrutigerLTforBNS-Light.woff2) format("woff2"), url(/react/FrutigerLTforBNS-Light.woff) format("woff"), url(/react/FrutigerLTforBNS-Light.ttf) format("truetype"), url(/react/FrutigerLTforBNS-Light.svg#Frutiger LT Light) format("svg"); }

and in an older version (which is working fine)

  src: url(/react/FrutigerLTforBNS-Light.eot?#iefix) format("embedded-opentype"), url(/react/FrutigerLTforBNS-Light.woff2) format("woff2"), url(/react/FrutigerLTforBNS-Light.woff) format("woff"), url(/react/FrutigerLTforBNS-Light.ttf) format("truetype"), url("/react/FrutigerLTforBNS-Light.svg#Frutiger LT Light") format("svg"); }

Notice no quote on the path there for the svg part...

@bezin
Copy link

bezin commented Dec 12, 2019

Hi there, I am experiencing the same issue with #iefix, but also with /path/to/mask.svg#path, when using an SVG path in clip-path. I am running version 2.1.1 (as dependency of symfony/webpack-encore).

@alexander-akait
Copy link
Member

update to latest version

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

Successfully merging a pull request may close this issue.

5 participants