Skip to main content
Question

User portal custom CSS @import url problem

  • March 31, 2022
  • 2 replies
  • 110 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

Forum|alt.badge.img+3
  • Skilled Expert
  • April 4, 2022

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
  • Community Debut
  • June 29, 2022

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.