Skip to main content
Question

User portal custom CSS @import url problem

  • Mar 31, 2022 9:45 AM UTC
  • 2 replies
  • 162 views
Zirc
Apprentice

Hi,

I’m trying to import a Google font adding an @import directive in the Css section of the user portal customization.
The problem is that once I publish the new Css the @import url(‘https://fonts.googleapis.com/css2?family=etc’) becomes 
@import url('https://fonts.googleapis.com/css2?family=etc');

In other words, apostrophes are encoded.

Is there a solution to this problem?

      2 replies

      Skilled Expert
      Forum|alt.badge.img+3
      • spencerporch
      • Skilled Expert
      • Apr 4, 2022 5:41 PM UTC

      Zirc - You need to use dumb quotes instead of smart quotes. You can try dropping them in Notepad and replace the smart (slanty) quotes with dumb (straight) quotes. It is frustrating that a lot of word processors want to make your quotes slanty by default.

      @import url('https://fonts.googleapis.com/css2?family=etc')

       

       

      whatever
      Community Debut
      • whatever
      • Community Debut
      • Jun 29, 2022 12:58 PM UTC

      Zirc - You need to use dumb quotes instead of smart quotes. You can try dropping them in Notepad and replace the smart (slanty) quotes with dumb (straight) quotes. It is frustrating that a lot of word processors want to make your quotes slanty by default.

      @import url('https://fonts.googleapis.com/css2?family=etc')

       

       

      This is actually false information, at least at the time being. It Does not matter which quotes you use, they all get encoded and the css is broken.

      Terms of UseAccessibility statement