Jump to content

Changing text font in banner to custom font

Go to solution Solved by paul2009,

Recommended Posts

Site URL: https://www.pccf.gives/

Hello! I am trying to update the style of the "text" font for the banners on my website. I uploaded the custom font (Design/custom css/manage custom files) but now when i try to change the "text" style to the uploaded font (AmsterdamFour) it is not appearing as an option. Did i do something wrong? I don't want to change my headings for the rest of the site if possible. Thanks in advance!

banner section error.png

Link to comment
  • Solution
10 minutes ago, pccfoundation said:

I uploaded the custom font but it is not appearing as an option [in Site Styles]

When you upload a custom font through the Custom CSS panel it won't appear in the Site Styles panel. Instead, you must assign the custom font by writing some CSS in the Custom CSS panel, for example:

.desc-wrapper p {
  font-family: Milano-Sky;
}

127412794_Screenshot2022-01-20at19_16_43.thumb.png.749b0db82636d4bb0cda2b8de3c514a5.png

Improve your online store with our extensions.
About: Squarespace Circle Leader since 2017. I value honesty, transparency, appreciation and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™.
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Buy me a coffee

Link to comment

You're welcome @pccfoundation.

Improve your online store with our extensions.
About: Squarespace Circle Leader since 2017. I value honesty, transparency, appreciation and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™.
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Buy me a coffee

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.