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.

    Font struggles.

    Scheduled Pinned Locked Moved Custom CSS
    6 Posts 2 Posters 2.4k Views 1 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.
    • brobergB Offline
      broberg Project Sponsor @letmetakeaselfie
      last edited by

      @letmetakeaselfie

      Use

      …/fonts/DancingScript-Regular.ttf

      Instead

      1 Reply Last reply Reply Quote 0
      • L Offline
        letmetakeaselfie
        last edited by

        Thank you for the reply. I’ve tried your suggestion and still no change. I tried putting the file path in quotes as well and still nothing.

        /*****************************************************

        • Magic Mirror *
        • Custom CSS *
        •                                               *
          
        • By Michael Teeuw http://michaelteeuw.nl *
        • MIT Licensed. *
        •                                               *
          
        • Add any custom CSS below. *
        • Changes to this files will be ignored by GIT. *
          *****************************************************/

        @font-face {
        font-family: “DancingScript”;
        src:
        local(“DancingScript-Regular”),
        url(…/fonts/DancingScript-Regular.tff) format(“truetype”);

        		}
        

        body
        {

        }

        .compliments .xlarge
        {
        font-family: “DancingScript”;
        color: #e499bd;
        font-size: 40px;

        }
        
        brobergB 1 Reply Last reply Reply Quote 0
        • brobergB Offline
          broberg Project Sponsor @letmetakeaselfie
          last edited by broberg

          @letmetakeaselfie

          You have one punctuation mark to much

          Only two . . not three …

          ../fonts/Yourfile.ttf

          If you add your font file in the CSS folder you can use just the filename without any folder pathways

          Yourfile.ttf

          And you can skip the local part, just use the url

          And another issue, you are using smart qoutes in the code, that doesn’t work. Turn of smart quotes in your text-editor.

          Notice the difference

          Wrong
          “DancingScript-Regular”
          Correct
          “DancingScript-Regular”

          1 Reply Last reply Reply Quote 1
          • L Offline
            letmetakeaselfie
            last edited by

            My dude @broberg I love you man :D. I moved it to the css folder and it worked

            1 Reply Last reply Reply Quote 0
            • L Offline
              letmetakeaselfie
              last edited by

              thank you very much

              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