Codes for various hardcoded text?

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

Maybe helpful with you

Quote

 

If you can list all elements, we can check & give class name easier.

also, you can combine to make code shorter

h1, h2, h3, h4, h5, h6, p {font-family:RimouskiLI !important;}