Navigation links and side bar menu custom font in Customize with code Posted February 2, 2022 Site URL: https://www.yourspotla.com/ Hi! I can't get my navigation links or the sidebar menu fonts to change to my custom font. I am using the Bryant Hill template. Here's the code I have currently: @font-face { font-family: 'MINT GROTESK BLACK'; src: url('https://static1.squarespace.com/static/5e02545d2127d914d2553ce0/t/615cfd73a41ef71314919c69/1633484148048/MintGroteskV1.1-Regular.woff'); } h2 {font-family: 'MINT GROTESK BLACK'; font-size:20px} h3 {font-family: 'MINT GROTESK BLACK'; font-size:30px} h1 {font-family: 'MINT GROTESK BLACK'; font-size:14px} .desc-wrapper>p:first-child>strong { color: white; font-family: MINT GROTESK BLACK, serif !important; letter-spacing: 1px } header#header *, footer.sections *{ font-family: 'MINT GROTESK BLACK'; font-size:20px;} .image-subtitle * { font-family: 'MINT GROTESK BLACK' !important; } .Header-nav--secondary .Header-nav-item *{ font-family: 'MINT GROTESK BLACK'; font-size:20px; }
Navigation links and side bar menu custom font
in Customize with code
Posted
Site URL: https://www.yourspotla.com/
Hi!
I can't get my navigation links or the sidebar menu fonts to change to my custom font. I am using the Bryant Hill template. Here's the code I have currently:
@font-face {
font-family: 'MINT GROTESK BLACK';
src: url('https://static1.squarespace.com/static/5e02545d2127d914d2553ce0/t/615cfd73a41ef71314919c69/1633484148048/MintGroteskV1.1-Regular.woff');
}
h2 {font-family: 'MINT GROTESK BLACK'; font-size:20px}
h3 {font-family: 'MINT GROTESK BLACK'; font-size:30px}
h1 {font-family: 'MINT GROTESK BLACK'; font-size:14px}
.desc-wrapper>p:first-child>strong {
color: white;
font-family: MINT GROTESK BLACK, serif !important;
letter-spacing: 1px
}
header#header *, footer.sections *{
font-family: 'MINT GROTESK BLACK'; font-size:20px;}
.image-subtitle * {
font-family: 'MINT GROTESK BLACK' !important;
}
.Header-nav--secondary .Header-nav-item *{
font-family: 'MINT GROTESK BLACK'; font-size:20px;
}