Trying to add custom font to my website

Site URL: https://www.hellohoneybeeco.com

I am trying to add a custom font to my website. When I go to 'manage custom files" and I drag my file over, the sample text that pops up is NOT the font that I am dragging over. I'm just confused as to what is happening. I don't think I'm doing anything wrong. I got the font from creative market and I've done this before. There are 3 different files I can use to upload it .ttf .otf. woff and none of those work. Is there anyway to fix this, or is it just a lost cause?

Click Manage Custom Files >> Upload font >> Then add this code

@font-face {
	font-family: Creative;
	src: url(put cursor here then click on files you just uploades, the font file url will paste here automatically);
}
* {
	font-family: Creative !important;
}

and what is password?

Hi @tuanphan how do I apply the uploaded font to my headings ONLY?

On 4/8/2022 at 2:20 PM, Iwan said:

Hi @tuanphan how do I apply the uploaded font to my headings ONLY?

Use this

@font-face {
	font-family: Creative;
	src: url(put cursor here then click on files you just uploades, the font file url will paste here automatically);
}
h1, h2, h3, h4, h5, h6 {
	font-family: Creative !important;
}

Thank you thank you Tuan 🙂