Does @import not work?

• 

  iknowchina · Member · Aug 2, 2017 at 6:50 pm

  • Copy link
  • Add topic to favorites

  I was try to import the earlyaccess google web font in CSS editor.

  I put the following code in:

  @import url(//fonts.googleapis.com/earlyaccess/notosanssc.css);
  p {
  font-family: “Noto Sans SC”, Times, serif;
  }

  As soon as I put the code in, the preview of site shows perfectly fine. When I save and go back the site did not change the font and when go back in the css editor once again, the @import line was gone.

  I am wondering if I can not use @import in wordpress css editor

  Thanks！

• 

  garysixtyeight · Member · Aug 2, 2017 at 6:58 pm

  • Copy link

  Hi @iknowchina,

  WordPress.com strips out @import from the CSS editor for security reasons.

  You might be able to change fonts to Noto Sans by using the fonts panel in the customizer:

  Change your site’s fonts

• 

  iknowchina · Member · Aug 2, 2017 at 7:15 pm

  • Copy link

  @garysixtyeight

  Hello, thanks for you reply. In my fonts panel, there are only ‘heading’ and base font’, both of which do not change the paragraph font (article body).

  Do you know other ways to solve this?

  Thanks,

• 

  garysixtyeight · Member · Aug 2, 2017 at 7:26 pm

  • Copy link

  Is https://iknowchina.blog/ the site you need help with?

  Elemin is a premium theme I don’t have access to, so I can’t troubleshoot it.

  I’ve tagged this thread with modlook to bring it to the attention of staff.

• 

  iknowchina · Member · Aug 3, 2017 at 12:52 am

  • Copy link

  @garysixtyeight thank you ;)
  I will try to use another theme see if it works tho.

• 

  thesacredpath · Member · Aug 3, 2017 at 2:42 am

  • Copy link

  Hi @iknowchina, unfortunately, support for languages other than latin-based on web fonts is still pretty poor, and that may be the reason that the font is not being applied to the body text, and this will be the same with all themes as it is a font issue. The font software looks at the language being used, and if the characters are not supported, it will keep the default font.