Jump to content

Codes for various hardcoded text?

Recommended Posts

Site URL: https://www.rickipedia.ca/

Hi All,

I am in the process of integrating custom font for my site, https://www.rickipedia.ca/.

I've had success integrating my font family (Rimouski) for the following texts:

  • H1
  • H2
  • H3
  • H4
  • H5
  • H6
  • P
  • P Large
  • P Small
  • Monospace (Precode)

I am at the stage where I would like to customize the fonts for the following texts:

  • Navigation menu in the header
  • Navigation buttons (in green)
  • Titles for merchandise categories (On home page and in shop)
  • etc. etc. etc.

Is there a list of every text category that can be coded in the custom CSS? Some things, such as the text beneath the merchandise categories is very very small and I would like to make it larger without affecting the font size for other elements.

Here is my current code:

//Instantiate Rimouski Fonts

//Rimouski Semibold
@font-face {    
font-family: 'RimouskiSB';       
src: url('https://static1.squarespace.com/static/611986f107d83730da3760af/t/61e529483afeaa586a08c4ac/1642408264395/rimouski+sb.ttf');  }

//Rimouski Ultralight
@font-face {    
font-family: 'RimouskiUL';       
src: url('https://static1.squarespace.com/static/611986f107d83730da3760af/t/61e52b35d60ca23f64a90488/1642408757581/Rimouski+UltraLight+Regular.ttf');  }

//Rimouski Light
@font-face {    
font-family: 'RimouskiLI';       
src: url('https://static1.squarespace.com/static/611986f107d83730da3760af/t/61e52bd64781ee0cea5a345f/1642408919971/Rimouski+Light+Regular.ttfhttps://static1.squarespace.com/static/611986f107d83730da3760af/t/61e52bd64781ee0cea5a345f/1642408919971/Rimouski+Light+Regular.ttf');  }

//Rimouski Regular
@font-face {    
font-family: 'RimouskiRG';       
src: url('https://static1.squarespace.com/static/611986f107d83730da3760af/t/61e52bd64781ee0cea5a345f/1642408919971/Rimouski+Light+Regular.ttfhttps://static1.squarespace.com/static/611986f107d83730da3760af/t/61e52bd64781ee0cea5a345f/1642408919971/Rimouski+Light+Regular.ttf');  }

//Assign Base Fonts
h1{font-family:RimouskiLI;}
h2{font-family:RimouskiLI;}
h3{font-family:RimouskiLI;}
h4{font-family:RimouskiLI;}
h5{font-family:RimouskiLI;}
h6{font-family:RimouskiLI;}
p{font-family:RimouskiLI;}
p.sqsrte-large{font-family:RimouskiLI;}
p.sqsrte-small{font-family:RimouskiLI;}
precode {
    font-family: RimouskiRG !important;
}

Ricky

 

Edited by Rickipedia
Link to comment
  • Replies 1
  • Views 305
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

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.