Jump to content

Trying to add custom font to my website

Recommended Posts

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?

Link to comment
  • Replies 4
  • Created
  • Last Reply

Top Posters In This Topic

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?

accesspasssword.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 1 month later...
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;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.