Changing Site Title & Other Fonts with CSS

Hello internet! I'm currently changing one of my fonts across my website with CSS & I am having trouble doing the following:

1. Changing the site title font to Palm Canyon Drive Regular (code screenshot number 1)
2. Changing what I assumed to be one of the header styles on my site from Lust to Palm Canyon Drive Regular (code screenshot number 2 showing h1 & h2, along with screenshot of website section showing the 2 different font styles I currently have for headers).

I've tried a variety of codes I've found on the forums for both issues & have had no success. My website is https://celestevedette.com.

Any help would be greatly appreciated. I've been at this for awhile & have scoured the internet with no solutions.

1 minute ago, CelesteV said:

Hello internet! I'm currently changing one of my fonts across my website with CSS & I am having trouble doing the following:

1. Changing the site title font to Palm Canyon Drive Regular (code screenshot number 1)
2. Changing what I assumed to be one of the header styles on my site from Lust to Palm Canyon Drive Regular (code screenshot number 2 showing h1 & h2, along with screenshot of website section showing the 2 different font styles I currently have for headers).

I've tried a variety of codes I've found on the forums for both issues & have had no success.

Any help would be greatly appreciated. I've been at this for awhile & have scoured the internet with no solutions.

Hi @CelesteV

Can you provide the URL of your site (+ password if it is not yet live) so the community can help you better.

L

2 minutes ago, LouLouHarvey said:

Hi @CelesteV

Can you provide the URL of your site (+ password if it is not yet live) so the community can help you better.

L

Just updated my OP & added my website. It is https://celestevedette.com. Thank you.

I am also having a hard time getting the CSS code to work. I want to upload two fonts to use across the site and I keep getting an error. Can you help me with the correct coding? 

24 minutes ago, GinaMF said:

I am also having a hard time getting the CSS code to work. I want to upload two fonts to use across the site and I keep getting an error. Can you help me with the correct coding? 

Can you share a few details? Your website URL and the code you are using?

On 11/29/2024 at 11:20 AM, Ziggy said:

Can you share a few details? Your website URL and the code you are using?

Website is eagle-antelope-aykx.squarespace.com and password is goodies. If I put the code in will the font also show up in the font list when I go to change the fonts selected? Thank you! 

// CUSTOM FONT

@font-face {

font-family: 'https://static1.squarespace.com/static/67123fc06307f40a31820c41/t/6749e2e2ffa1ba4b6e01b285/1732895458113/Fontspring-DEMO-theseasons-reg.otf';

src: url();

}

h1 {

font-family: 'https://static1.squarespace.com/static/67123fc06307f40a31820c41/t/6749e2e2ffa1ba4b6e01b285/1732895458113/Fontspring-DEMO-theseasons-reg.otf';}

h2 {

font-family: 'https://static1.squarespace.com/static/67123fc06307f40a31820c41/t/6749e2e2ffa1ba4b6e01b285/1732895458113/Fontspring-DEMO-theseasons-reg.otf';}

h3 {

font-family: 'https://static1.squarespace.com/static/67123fc06307f40a31820c41/t/6749e2e2ffa1ba4b6e01b285/1732895458113/Fontspring-DEMO-theseasons-reg.otf';}

h4 {

font-family: 'https://static1.squarespace.com/static/67123fc06307f40a31820c41/t/6749e2e2ffa1ba4b6e01b285/1732895458113/Fontspring-DEMO-theseasons-reg.otf';}

.sqsrte-large {

font-family: 'https://static1.squarespace.com/static/67123fc06307f40a31820c41/t/674204ba5d5bec25d638014e/1732379834965/fonnts.com-Apparat_Black_Italic.otf';}

p {

font-family: 'https://static1.squarespace.com/static/67123fc06307f40a31820c41/t/674b3267676dad6c86f80336/1732981351633/fonnts.com-ApparatCond_Regular.otf';}

.sqsrte-small {

font-family: 'https://static1.squarespace.com/static/67123fc06307f40a31820c41/t/674b3267676dad6c86f80336/1732981351633/fonnts.com-ApparatCond_Regular.otf'}

6 hours ago, GinaMF said:

Website is eagle-antelope-aykx.squarespace.com and password is goodies. If I put the code in will the font also show up in the font list when I go to change the fonts selected? Thank you! 

 

// CUSTOM FONT

@font-face {

font-family: 'https://static1.squarespace.com/static/67123fc06307f40a31820c41/t/6749e2e2ffa1ba4b6e01b285/1732895458113/Fontspring-DEMO-theseasons-reg.otf';

src: url();

}

 

h1 {

font-family: 'https://static1.squarespace.com/static/67123fc06307f40a31820c41/t/6749e2e2ffa1ba4b6e01b285/1732895458113/Fontspring-DEMO-theseasons-reg.otf';}

h2 {

font-family: 'https://static1.squarespace.com/static/67123fc06307f40a31820c41/t/6749e2e2ffa1ba4b6e01b285/1732895458113/Fontspring-DEMO-theseasons-reg.otf';}

h3 {

font-family: 'https://static1.squarespace.com/static/67123fc06307f40a31820c41/t/6749e2e2ffa1ba4b6e01b285/1732895458113/Fontspring-DEMO-theseasons-reg.otf';}

h4 {

font-family: 'https://static1.squarespace.com/static/67123fc06307f40a31820c41/t/6749e2e2ffa1ba4b6e01b285/1732895458113/Fontspring-DEMO-theseasons-reg.otf';}

.sqsrte-large {

font-family: 'https://static1.squarespace.com/static/67123fc06307f40a31820c41/t/674204ba5d5bec25d638014e/1732379834965/fonnts.com-Apparat_Black_Italic.otf';}

p {

font-family: 'https://static1.squarespace.com/static/67123fc06307f40a31820c41/t/674b3267676dad6c86f80336/1732981351633/fonnts.com-ApparatCond_Regular.otf';}

.sqsrte-small {

font-family: 'https://static1.squarespace.com/static/67123fc06307f40a31820c41/t/674b3267676dad6c86f80336/1732981351633/fonnts.com-ApparatCond_Regular.otf'}

The code should be

@font-face {
	font-family: Fontspring;
	src: url(https://static1.squarespace.com/static/67123fc06307f40a31820c41/t/6749e2e2ffa1ba4b6e01b285/1732895458113/Fontspring-DEMO-theseasons-reg.otf);
}
h1, h2, h3, h4 {
	font-family: Fontspring !important;
}
@font-face {
	font-family: Apparat-Black;
	src: url(https://static1.squarespace.com/static/67123fc06307f40a31820c41/t/674204ba5d5bec25d638014e/1732379834965/fonnts.com-Apparat_Black_Italic.otf);
}

p, p * {
	font-family: Apparat-Black !important;
}

12 hours ago, GinaMF said:

If I put the code in will the font also show up in the font list when I go to change the fonts selected?

No, you can apply the font to headings and paragraphs in CSS, but adding the font will not allow it to show up in the styles font list.