Submit Feedback
Legacy Knowledge Base
Published Jul. 2, 2025

External URLs in @import url clauses are not aggregated to CSS

Written By

Jamilly Macedo

How To articles are not official guidelines or officially supporteddocumentation. They are community-contributed content and may not alwaysreflect the latest updates to Liferay DXP. We welcome your feedback toimprove How to articles!

While we make every effort to ensure this Knowledge Base is accurate, itmay not always reflect the most recent updates or official guidelines.We appreciate your understanding and encourage you to reach out with anyfeedback or concerns.

Legacy Article

You are viewing an article from our legacy "FastTrack"publication program, made available for informational purposes. Articlesin this program were published without a requirement for independentediting or verification and are provided "as is" withoutguarantee.

Before using any information from this article, independently verify itssuitability for your situation and project.

Issue

  • When creating a custom theme using an imported URL and with the CSS Fast Load property enabled, the URL content is not rendered.

@import url("https://fonts.googleapis.com/css2?family=Heebo:wght@100;200;300;400;500;600;700;800;900&display=swap");

Environment

  • Liferay DXP.

Resolution

  • Please contact support and request a hotfix with the LPS-137750.

Additional Information

  • The current workaround is to download the font manually and add it to the theme source code and reference the relative path of the font using the $font-import-url variable in _clay_variables.scss.
  • How to call custom CSS?

 

 

Did this article resolve your issue ?
Legacy Knowledge Base
Did this article resolve your issue ?