Again help needed

[Tina]

Hellooo, it's me again. So I have the following problem. Since there is a very strict data protection rule in Germany, I cannot work with Google Fonts on my websites. I have to load all the fonts that I want to include onto my server. I did everything as I found at https://www.w3schools.com/css/css3_fonts.asp. But for some of my sites it just doesn't work. I tested it with my parents and they can't see the fonts (because they don't have them installed on their PC), but they should actually be loaded from my server.

For example: http://deathbusters.org/romantic/ is not working whereas http://deathbusters.org/spirits/ seems to work?

[Yuuka]

Hi Tina,

sorry for the very late response.

For me, it looks like https://deathbusters.org/romantic/ works with the fonts you included, but https://deathbusters.org/spirits/ is not working.

I think it may have to do with SSL?

Code:

@font-face {
    font-family: 'Lora';
    font-weight: normal;   
    font-style: normal;
    src: local('Lora'), local('Lora-Regular'),
         url('http://www.midnight-cloud.net/clique/spirits/font/Lora.eot'),
         url('http://www.midnight-cloud.net/clique/spirits/font/Lora.eot?#iefix') format('embedded-opentype'),
         url('http://www.midnight-cloud.net/clique/spirits/font/Lora.woff2') format('woff2'),
         url('http://www.midnight-cloud.net/clique/spirits/font/Lora.woff') format('woff'),
         url('http://www.midnight-cloud.net/clique/spirits/font/Lora.ttf') format('truetype'),
         url('http://www.midnight-cloud.net/clique/spirits/font/Lora.svg#loraregular') format('svg');
}

The way you're loading the font files here is through HTTP, and not HTTPS, but when you want SSL to work, all resources should be using the HTTPS method.

Does it work if you switch all of these to using HTTPS?