MagicMirror Forum
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • 3rd-Party-Modules
    • Donate
    • Discord
    • Register
    • Login
    A New Chapter for MagicMirror: The Community Takes the Lead
    Read the statement by Michael Teeuw here.

    Change MM fonts

    Scheduled Pinned Locked Moved Troubleshooting
    13 Posts 3 Posters 2.4k Views 2 Watching
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • ? Offline
      A Former User @Aaaxel
      last edited by

      This post is deleted!
      A 1 Reply Last reply Reply Quote 0
      • A Offline
        Aaaxel @Guest
        last edited by

        @hango Cool! It half-worked: Most of the fonts have changed, but there is still some text in roboto, especially in the default news module…

        ? 1 Reply Last reply Reply Quote 0
        • ? Offline
          A Former User @Aaaxel
          last edited by

          This post is deleted!
          A 1 Reply Last reply Reply Quote 0
          • A Offline
            Aaaxel @Guest
            last edited by

            @hango ok I got it, I should be able to update every module this way, thanks!

            ? 1 Reply Last reply Reply Quote 0
            • ? Offline
              A Former User @Aaaxel
              last edited by A Former User

              This post is deleted!
              A 1 Reply Last reply Reply Quote 0
              • A Offline
                Aaaxel @Guest
                last edited by

                @hango I just tried your 2 solutions but newsfeed still don’t change…

                This is what I have in custom.css:

                @import url('https://fonts.googleapis.com/css2?family=Spartan:wght@200;400;600;800&display=swap');
                
                body { 
                     font-family: "Spartan", sans-serif;
                     font-weight: 800;
                }
                     .newsfeed {
                     font-family: "Spartan", sans-serif;
                     font-weight: 600;
                }
                
                

                I also tried this way:

                @import url('https://fonts.googleapis.com/css2?family=Spartan:wght@200;400;600;800&display=swap');
                
                body { 
                     font-family: "Spartan", sans-serif;
                     font-weight: 800;
                     .newsfeed {
                     font-family: "Spartan", sans-serif;
                     font-weight: 600;
                }
                
                }
                
                
                
                1 Reply Last reply Reply Quote 0
                • ? Offline
                  A Former User
                  last edited by A Former User

                  This post is deleted!
                  A 1 Reply Last reply Reply Quote 0
                  • A Offline
                    Aaaxel @Guest
                    last edited by

                    @hango Aaand now that works! Great, thanks! :ok_hand:
                    So how did you find the others nbames like “newsfeed-source”, “newsfeed.title” etc…? I would like to do it by myself next time :winking_face:

                    ? 1 Reply Last reply Reply Quote 0
                    • ? Offline
                      A Former User @Aaaxel
                      last edited by A Former User

                      This post is deleted!
                      1 Reply Last reply Reply Quote 0
                      • 1
                      • 2
                      • 1 / 2
                      • First post
                        Last post
                      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