Language Font Modification Not Working

  • Resolved jaredratcliff

    (@jaredratcliff)


    3 years, 3 months ago

    After reading some of the other topics in this forum, I came up this code which I put in Custom CSS on my site: 

    @import url(//fonts.googleapis.com/earlyaccess/notosanskhmer.css);
@import url('https://fonts.googleapis.com/css2?family=Koulen&display=swap');
.translatepress-km { 
	font-family: notosanskhmer;
  font-size: 16px;
} /*sets font for TranslatePress Khmer body*/
.translatepress-km h1, .translatepress-km h2, .translatepress-km h3, .translatepress-km h4, .translatepress-km h5, .translatepress-km h6 {
	font-family: Koulen;

    My site is in English, but I’m using TranslatePress to translate it to Khmer. Most has not been translated yet, but on the link I shared, the top part of the page has been translated.

    OK, Here’s my problem: The fonts in this code are specifically for the Khmer language. But even though this code successfully modifies the font of all the ENGLISH glyphs in my Khmer view, but it doesn’t affect the KHMER glyphs/text. Any idea how I can fix this?

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support Anghel Emanuel

    (@anghelemanuel99)

    Hello there,

    Thank you for letting us know about your problem!

    What you can do is to use !important; when you define the fond and the dimensions.

    Please let me know about this!

    Kind Regards,

    Thread Starter jaredratcliff

    (@jaredratcliff)

    Hello,
    Thanks for the advice. I just added that to the code, and it does not fix the problem. Here’s my code now: 

    @import url(//fonts.googleapis.com/earlyaccess/notosanskhmer.css);
@import url('https://fonts.googleapis.com/css2?family=Koulen&display=swap');
.translatepress-km { 
	font-family: notosanskhmer !important;
  font-size: 16px !important;
} /*sets font for TranslatePress Khmer body*/
.translatepress-km h1, .translatepress-km h2, .translatepress-km h3, .translatepress-km h4, .translatepress-km h5, .translatepress-km h6 {
	font-family: Koulen !important;
}
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Language Font Modification Not Working’ is closed to new replies.

Tags