Custom build with css font-face SVG font produces error 357, impossible to resolve

[wskidmore]

When including a svg font in CSS via font face you must include a hash with the id of the font:

@font-face {
   font-family: 'myfont';
   src: url('../fonts/myfont.eot') format('embedded-opentype'),
      url('../fonts/myfont.woff') format('woff'),
      url('../fonts/myfont.ttf')  format('truetype'),
      url('../fonts/myfont.svg#myfont') format('svg');
}

When doing a custom build it stores a reference to the full path of all resources in buildControlBase in a object map called resourcesByDest. The above svg font resource would be stored as:

C:\app\content\fonts\myfont.svg

When the optimizeCSS runs it expands the relative URL to the full path and does a lookup to the resourcesByDest, if its not a found it produces a "impossible to resolve" error 357.

The issue here is its attempting to find resourcesByDest['C:\app\content\fonts\myfont.svg#myfont'] and failing, even though the font is there.

Using dojo/util tagged for 1.9.0rc2, which after the git shuffle is as of this commit: ​https://github.com/dojo/util/commit/74489ac9ebf12ecace2ee39570f659b7d8f50497

[Ed Hager]

I have a fix for this ticket: ​https://github.com/dojo/util/pull/11

There is a test for the CSS optimizer (buildscripts/tests/css/flattenTest.js) but it is old and is looking for jslib/buildUtil.js which has long been deleted. So I am attaching a zip file that contains the build profile and css files I used to test the fix.

[Ed Hager]

Test environment for my fix

[Ed Hager]

If you decide to apply my fix, can it be applied to the 1.8 branch as well as 1.9 and master? The 1.8 branch contains unreleased code that handles the query string.

[Colin Snover]

Hooks are broken…

Fixed in cbe848ad3948f4a14ce8f0a1391d511370f6e07f (master) Fixed in f725de13188853feafa7abe0fdbca8a9451e1a48 (1.9) Fixed in 5f0b12ff7b5cfee07f4fc13f9ce147f569b3d33b (1.8)

[joyceyu]

I have a similar problem when I try to optimize the css, I used version 1.9.1 and 1.9.3 but the problem is still there.. Does this fix also apply to the following error?

error(357) While optimizing a CSS file, it was impossible to compute the destination location of a relative URL. CSS file: C:/css/site.css; import: C:/css/theme.css; relative URL: url(../images/icons/icon.png)

• site.css imports theme.css which has relative path to the image (and the image path is correct)