• 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
A New Chapter for MagicMirror: The Community Takes the Lead
Read the statement by Michael Teeuw here.

Using Two Fonts with Compliments

Scheduled Pinned Locked Moved Troubleshooting
10 Posts 4 Posters 1.3k Views 3 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.
  • F Offline
    fonz88
    last edited by fonz88 Dec 1, 2020, 4:44 PM Dec 1, 2020, 4:24 PM

    This will be my second mirror and have learned so much my second time around. This mirror will be an Xmas present for my niece that’s a big Star Wars fan so I’m including quotes from the movies in the Star Wars font. I’ve already got the font added then modified my custom.css and it’s working perfect.

    What I want to do is add a couple quotes from The Mandalorian series that’s so popular right now but with the Mandalore font but keep the Star Wars quotes using the Star Wars font. Not really sure how to accomplish that and haven’t had any luck searching on the forum.

    Thanks in advance!!

    1 Reply Last reply Reply Quote 0
    • ? Offline
      A Former User
      last edited by A Former User Dec 2, 2020, 8:01 AM Dec 1, 2020, 10:17 PM

      This post is deleted!
      F M 2 Replies Last reply Dec 1, 2020, 10:42 PM Reply Quote 0
      • F Offline
        fonz88 @Guest
        last edited by Dec 1, 2020, 10:42 PM

        @hango said in Using Two Fonts with Compliments:

        compliments_plus

        Didn’t know about your module! Not sure how I would implement these fonts since I have them saved locally under the fonts folder. Do you have some examples of how it should look with local fonts? Or is that even an option?

        1 Reply Last reply Reply Quote 0
        • ? Offline
          A Former User
          last edited by A Former User Dec 2, 2020, 8:02 AM Dec 2, 2020, 8:01 AM

          This post is deleted!
          F 1 Reply Last reply Dec 21, 2020, 4:30 AM Reply Quote 0
          • M Offline
            MrDondoT @Guest
            last edited by Dec 3, 2020, 1:52 AM

            @hango is it possible to use an external JSON file as the default compliments does?

            1 Reply Last reply Reply Quote 0
            • ? Offline
              A Former User
              last edited by Dec 5, 2020, 7:55 AM

              This post is deleted!
              M 1 Reply Last reply Dec 11, 2020, 10:31 PM Reply Quote 0
              • M Offline
                MrDondoT @Guest
                last edited by Dec 11, 2020, 10:31 PM

                @hango works perfectly! many thanks for your help

                A 1 Reply Last reply Dec 12, 2020, 10:35 AM Reply Quote 0
                • A Offline
                  ashishtank Module Developer @MrDondoT
                  last edited by Dec 12, 2020, 10:35 AM

                  @MrDondoT If you are not changing modules frequently then you can do it with custom.css and using module id and sub classes.
                  Below is example for calendar, same is possible with other modules.

                  #module_4_calendar .module-header {
                  	color: orange !important;
                  }
                  
                  #module_4_calendar .title.bright 
                  {
                  	color: orange !important;	
                  }
                  

                  37b91dcf-ab08-40cd-a1e5-c2ed91f65573-image.png

                  1 Reply Last reply Reply Quote 0
                  • F Offline
                    fonz88 @Guest
                    last edited by Dec 21, 2020, 4:30 AM

                    @hango

                    Thank you! I got it working and will post some pictures later. I just wanted to add that in your documentation you have in order to disable the default compliments to add ‘disable: true’ in the config but it should be ‘disabled: true’.

                    {
                    module: “compliments”,
                    position: “lower_third”,
                    disabled: true
                    }

                    Also, I had to remove the spaces from the html tag example you provided me.

                    “ Star Wars quote ”,

                    Not sure if this was caused by my setup but that’s how I got it to work for my mirror. Again just wanted to say Thank you as I have my mirror ready in time for a xmas present!

                    1 Reply Last reply Reply Quote 0
                    • ? Offline
                      A Former User
                      last edited by Dec 21, 2020, 9:32 AM

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