x

add a custom font

I've search for answers and I've tried all the tutorials, but I can't seem to get my fonts, Playlist Script and Glacial Indifference, to work on my webpage. I am coverting the files to be compatible with all device formats as mentioned in this tutorial https://editortricks.weebly.com/how-to-install-any-font-into-your-weebly-site.html

The code from my style sheet for Playlist is:

@font-face {
font-family: 'Playlist';
src: url('Playlist-Script.eot');
src: url('Playlist-Script.eot?#iefix') format('embedded-opentype'),
url('Playlist-Script.woff2') format('woff2'),
url('Playlist-Script.woff') format('woff'),
url('Playlist-Script.ttf') format('truetype'),
url('Playlist-Script.svg#Playlist-Script') format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}

I want to use it as the headline and for Paragraph titles, so I've added the font family to: 

.banner-wrap .banner h2 {
    margin-bottom: 15px;
    color: #ffffff;
    font-size: 50px;

}

And then nothing changes. I'm also not 100% sure where I should make the change for the paragraph title, but I've experimented replacing the already coded font family name in other places for my Theme (Bayside Inn - CleanLines) to see it will work there. Nada.

Can anyone figure out what I'm doing wrong or if it's just not compatible with Weebly for some reason?

480 Views
Message 1 of 1
Report
0 REPLIES 0
This thread has been archived and locked. Please start a new thread if you would like to continue the conversation.