Question

User portal custom CSS @import url problem

  • 31 March 2022
  • 2 replies
  • 88 views

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

Badge +3

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')

 

 

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.

Reply