HelloHoneybee

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?