Magic Mirror font issues

[Bishowson]

Hello Everyone!!

I am using MPI3508 3.5" LCD to display clock module.
I wanted to change the font of the clock module so I went through
the forums and got the solution. However the font is changed only when I access it from pc browser and remains unchanged incase LCD screen.

Here’s my custom.css and screen pics…

@font-face{
        font-family:impact;
        font-style:normal;
        font-weight:100;
        src: 
                    local("impact"),
                    url("/home/pi/MagicMirror/fonts/impact.ttf") format("truetype")
}

body {
	color: #FFF;
}

.clock .time {
        font-family: impact;
        font-size:300px;
}
#GPHOTO_INFO {
        display:none;
}
#GPHOTO_BACK {
        display:none;
}
#GPHOTO_CURRENT {
        background-size:cover;
}