{"action":"created","issue":{"url":"https://api.github.com/repos/aurelia/templating-resources/issues/105","repository_url":"https://api.github.com/repos/aurelia/templating-resources","labels_url":"https://api.github.com/repos/aurelia/templating-resources/issues/105/labels{/name}","comments_url":"https://api.github.com/repos/aurelia/templating-resources/issues/105/comments","events_url":"https://api.github.com/repos/aurelia/templating-resources/issues/105/events","html_url":"https://github.com/aurelia/templating-resources/issues/105","id":105105739,"number":105,"title":"CSS loader and 404 CSS font URLs","user":{"login":"bchavez","id":478118,"avatar_url":"https://avatars.githubusercontent.com/u/478118?v=3","gravatar_id":"","url":"https://api.github.com/users/bchavez","html_url":"https://github.com/bchavez","followers_url":"https://api.github.com/users/bchavez/followers","following_url":"https://api.github.com/users/bchavez/following{/other_user}","gists_url":"https://api.github.com/users/bchavez/gists{/gist_id}","starred_url":"https://api.github.com/users/bchavez/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/bchavez/subscriptions","organizations_url":"https://api.github.com/users/bchavez/orgs","repos_url":"https://api.github.com/users/bchavez/repos","events_url":"https://api.github.com/users/bchavez/events{/privacy}","received_events_url":"https://api.github.com/users/bchavez/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/aurelia/templating-resources/labels/bug","name":"bug","color":"fc2929"}],"state":"closed","locked":false,"assignee":{"login":"EisenbergEffect","id":131485,"avatar_url":"https://avatars.githubusercontent.com/u/131485?v=3","gravatar_id":"","url":"https://api.github.com/users/EisenbergEffect","html_url":"https://github.com/EisenbergEffect","followers_url":"https://api.github.com/users/EisenbergEffect/followers","following_url":"https://api.github.com/users/EisenbergEffect/following{/other_user}","gists_url":"https://api.github.com/users/EisenbergEffect/gists{/gist_id}","starred_url":"https://api.github.com/users/EisenbergEffect/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/EisenbergEffect/subscriptions","organizations_url":"https://api.github.com/users/EisenbergEffect/orgs","repos_url":"https://api.github.com/users/EisenbergEffect/repos","events_url":"https://api.github.com/users/EisenbergEffect/events{/privacy}","received_events_url":"https://api.github.com/users/EisenbergEffect/received_events","type":"User","site_admin":false},"milestone":null,"comments":7,"created_at":"2015-09-06T17:28:13Z","updated_at":"2016-03-08T23:54:59Z","closed_at":"2015-09-07T00:58:41Z","body":"Hi there,\r\n\r\nI updated to the latest Aurelia dist. I'm using `<require from=\"bootstrap.css\"></require>` inside my views. There seems to be a major issue with the CSS loader and font URLs.\r\n\r\nBootstrap and others usually use relative URLs for loading glyph resources. It turns out, using the latest distribution of Aurelia, I'm getting 404s for font resources.\r\n\r\nFor example, what I'm getting now:\r\n```\r\nhttp://localhost:11865/fonts/fontawesome-webfont.woff2?v=4.4.0\r\n```\r\nWhat I should be getting:\r\n```\r\nhttp://localhost:11865/pkg/github/lipis/bootstrap-social@4.10.0/assets/fonts/fontawesome-webfont.woff2?v=4.4.0\r\n```\r\n\r\nI think the problem stems from the CSS loader using `injectStyles` which loads the CSS inline. Ex:\r\n```\r\n<html>\r\n    <head>\r\n          <style>CSS content here... using url(../font) relative</style>\r\n    </head>\r\n</html>\r\n```\r\nInline CSS URLs would be relative to the document in which the Aurelia app is mounted from; which in this case leads to the wrong relative path.\r\n\r\nInstead, if we used:\r\n```\r\n<html>\r\n    <head>\r\n          <link rel=\"stylesheet\" href=\"path to css on server\" />\r\n    </head>\r\n</html>\r\n```\r\n**Link** will respect the *relative-ness* of the path defined inside the CSS.\r\n\r\nThoughts?"},"comment":{"url":"https://api.github.com/repos/aurelia/templating-resources/issues/comments/194029270","html_url":"https://github.com/aurelia/templating-resources/issues/105#issuecomment-194029270","issue_url":"https://api.github.com/repos/aurelia/templating-resources/issues/105","id":194029270,"user":{"login":"JamesReate","id":2886324,"avatar_url":"https://avatars.githubusercontent.com/u/2886324?v=3","gravatar_id":"","url":"https://api.github.com/users/JamesReate","html_url":"https://github.com/JamesReate","followers_url":"https://api.github.com/users/JamesReate/followers","following_url":"https://api.github.com/users/JamesReate/following{/other_user}","gists_url":"https://api.github.com/users/JamesReate/gists{/gist_id}","starred_url":"https://api.github.com/users/JamesReate/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/JamesReate/subscriptions","organizations_url":"https://api.github.com/users/JamesReate/orgs","repos_url":"https://api.github.com/users/JamesReate/repos","events_url":"https://api.github.com/users/JamesReate/events{/privacy}","received_events_url":"https://api.github.com/users/JamesReate/received_events","type":"User","site_admin":false},"created_at":"2016-03-08T23:54:59Z","updated_at":"2016-03-08T23:54:59Z","body":"Does this work automatically if in a view I do for example:\r\n`<require from=\"summernote/dist/summernote.css\"></require>`\r\nie. the regex will execute to replace the font src path? Or do i need do to something extra to tell aurelia to re-write the css font src..."}}