@font-face 404 errors in custom theme

• Type: Bug
• Status: Closed
• Resolution: Fixed
• Affects Version/s: 6.2.0 CE B2, 6.2.0 CE B3
• Fix Version/s: 6.2.2 CE GA3 , 6.2.X EE, 7.0.0 M1
• Component/s: Frontend Infrastructure, Themes Infrastructure
• Labels:
  • liferay-fixpack-platform-31-6210
• Environment: Tomcat 7 + MySQL 5. Portal 6.2.x GIT ID: 71e3fec3d41e6419360ab091d60bbd6fed17c871.; Tomcat 7.0.40 + MySQL 5.5 Portal 6.2 Beta 2
• Branch Version/s:
  6.2.x
• Backported to Branch:
  Committed
• Story Points: 23
• Fix Priority: 3
• Git Pull Request: https://github.com/brianchandotcom/liferay-portal/pull/19782

We use @font-face in our custom themes for using 3rd party fonts. When I look at the Console in chrome I see a 404 error and the URL is not valid: /test-theme/css//test-theme/fonts/FrutigerLTStd-Roman.ttf.

The other interesting thing is this only seems to happen when I use an @import statement in the custom.css file such as: @import url(test.css); Inside the test.css file is where the @font-face is located. If I move the @font-face into custom.css then it seems to work.

The other thing of interest is that this works fine in my local development environment which has minifier.enabled=false. It seems that the minified version is what has the issue.

I'm attaching a test theme which recreates the issue outlined above.