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.

Sign up for GitHub

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

Jump to bottom

Font with relative path inside css not loaded #61

Open
erwinyusrizal opened this issue Feb 4, 2017 · 3 comments
Open

Font with relative path inside css not loaded #61

erwinyusrizal opened this issue Feb 4, 2017 · 3 comments

Comments

@erwinyusrizal
Copy link

Hi I tried the demo, all website assets loaded except the font with relative path inside css not loaded. I use iconmoon font icon and all css and js is bundled, css and js are loaded but the icon font not working

any idea why?
Thanks,
@Rob--W
Copy link
Owner

Rob--W commented Feb 5, 2017

Can you show an example of how you are using CORS Anywhere in this way?

@erwinyusrizal
Copy link
Author

Hi Rob, thanks for get back to me,

I use cors anywhere using ajax and inject it the return html to an iframe

var iframe = document.getElementsByTagName('iframe')[0];
                var url = iframe.getAttribute('data-url');
                var loadHTML = function (html) {
                    iframe.src = 'about:blank';
                    iframe.contentWindow.document.open();
                    iframe.contentWindow.document.write(html.replace(/<head>/i, '<head><base href="' + url + '">'));
                    iframe.contentWindow.document.close();
                }

                $('#loader').fadeIn(function(){
                  $.ajax({
                      url: 'https://cors-anywhere.herokuapp.com/'+url,
                      success: function(html){
                          loadHTML(html);
                          $('#loader').fadeOut();
                      }
                  });
                });

all assets like images, js, css are loaded since its all in the html, but the font which is loaded in the css, is not allowed by the cors policy, I tried to add in return html but still doesnt work since i think it should be done in cors anywhere

Thanks

@Rob--W
Copy link
Owner

Rob--W commented Feb 6, 2017

CORS Anywhere is not supposed to be used as a generic proxy. In particular, it does not attempt to modify response bodies. If you wish to "proxy everything", you have to fetch the (remote) resources with AJAX, detect any URLs inside and rewrite the URL.

I guess that the font is referenced in CSS using url("/path/to/font.woff") or something, which will obviously not work since in CORS Anywhere the start of the path must be the host name.

@Rob--W Rob--W mentioned this issue Feb 16, 2022
Closed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@Rob--W @erwinyusrizal