• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
MagicMirror Forum
  • Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
  1. Home
  2. jv2007
A New Chapter for MagicMirror: The Community Takes the Lead
Read the statement by Michael Teeuw here.
J
Offline
  • Profile
  • Following 0
  • Followers 0
  • Topics 1
  • Posts 2
  • Groups 0

jv2007

@jv2007

0
Reputation
1
Profile views
2
Posts
0
Followers
0
Following
Joined May 14, 2024, 11:45 AM
Last Online Dec 8, 2024, 8:40 AM

jv2007 Unfollow Follow

Latest posts made by jv2007

  • RE: Font for non-latin characters

    Thanks @MMRIZE and @karsten13 !

    I have tried following your instructions but it didn’t help.
    I figured out it’s hidden in the modules css-file. I should have thought about that beforehand.
    When I change the font as suggested by @MMRIZE to set as

    font-family: 'Open Sans Condensed', 'Noto Sans KR';
    

    It works now.

    Thanks guys!
    Case closed!

    posted in Custom CSS
    J
    jv2007
    May 22, 2024, 7:07 PM
  • Font for non-latin characters

    Hi.

    I have Open Sans Condensed Thin for my primary font, which is fine for Latin characters. But I don’t like the font for Korean characters in the primary fontset. So want to create a custom.css which should use the primary font for Latin letters but a different font (Noto Sans KR) for Korean.
    Both are installed in the /usr/share/font directory of my RPI5.

    So I have tried several options of which none were working. Please correct me as I am not familiar with the font-face command.
    The 2 last options were suggestions from ChatGPT…

    Option 1:

    @font-face {
      font-family: 'korean';
      src: local('Noto Sans KR');
      unicode-range: U+110-11FF, U+3130-318F, AC00-FFFD;
    }
    
    @font-face {
      font-family: 'korean';
      src: local('Open Sans Condensed Light');
      unicode-range: U+0000-017F;
    }  
    
    body {
      font-family: 'korean';
    }
    

    Option 2:

    /* Define font face for Noto Sans KR */
    @font-face {
      font-family: 'Noto Sans KR';
      src: local('Noto Sans KR'), url('path/to/noto-sans-kr.woff2') format('woff2'); /* Adjust the path to your font file */
    }
    
    /* Define font face for Open Sans Condensed */
    @font-face {
      font-family: 'Open Sans Condensed';
      src: local('Open Sans Condensed'), url('path/to/open-sans-condensed.woff2') format('woff2'); /* Adjust the path to your font file */
    }
    
    /* Apply Noto Sans KR to Korean text */
    html[lang="ko-KR"] body {
      font-family: 'Noto Sans KR', sans-serif;
    }
    
    /* Apply Open Sans Condensed to non-Korean text */
    body:not([lang="ko-KR"]) {
      font-family: 'Open Sans Condensed', sans-serif;
    }
    
    

    Option 3:

    /* Define font face for Noto Sans KR */
    @font-face {
      font-family: 'Noto Sans KR';
      src: local('Noto Sans KR'), url('path/to/noto-sans-kr.woff2') format('woff2'); /* Adjust the path to your font file */
    }
    
    /* Define font face for Open Sans Condensed */
    @font-face {
      font-family: 'Open Sans Condensed';
      src: local('Open Sans Condensed'), url('path/to/open-sans-condensed.woff2') format('woff2'); /* Adjust the path to your font file */
    }
    
    /* Apply Open Sans Condensed by default */
    body {
      font-family: 'Open Sans Condensed', sans-serif;
    }
    
    /* Apply Noto Sans KR to Korean text within English content */
    body:lang(en-GB)::before,
    body:lang(en)::before,
    body:lang(en-US)::before {
      content: attr(data-korean);
      font-family: 'Noto Sans KR', sans-serif;
    }
    
    
    posted in Custom CSS
    J
    jv2007
    May 14, 2024, 7:12 PM
Enjoying MagicMirror? Please consider a donation!
MagicMirror created by Michael Teeuw.
Forum managed by Sam, technical setup by Karsten.
This forum is using NodeBB as its core | Contributors
Contact | Privacy Policy