Custom font for menu please!

Ask the Community Customization
1

With how many options there are to customize I am shocked that there is no custom font upload option! Can you please make both a Title and a Text menu option so we can break up the style and it does not become overbearing with all one font? THANK YOU!

1 Like
3

Hi there, @user23492 and welcome to the Community :wave:

You’d like to have 2 separate fonts for the Menu names and the other text, right?

image
image1413×731 20.2 KB

Could you please also specify which custom fonts you’d like to use?

4

Hi Max!
Would it be possible to do 2 separate fonts for all of the titles and all of the subtext? For example, the “Coffee + Tea” and “Cappuccino” would be the same, but the subtext under title and the description of the item would be another. The custom fonts are what we are using on our website currently. Maybe you could provide a code to add this widget to the font code we are using now? We would like to use “TAYTAXIDRIVER” for titles and “TAYBIRDIE” for subtext if possible. These are fonts we’ve purchased and uploaded to Squarespace.

Here is our current squarespace code:
font-family: TAYBIRDIE;
src: url(https://static1.squarespace.com/static/66ccff0a52ec6137fdb7fa39/t/6801e7b647ae9538d00f0ee1/1744955318555/TAYBirdie.otf);
}
.sqsrte-large,p,.sqsrte-small {
font-family: ‘TAYBIRDIE’;
}
@font-face {
font-family: TAYTAXIDRIVER;
src: url(https://static1.squarespace.com/static/66ccff0a52ec6137fdb7fa39/t/6801e9ef049d4426fb303da8/1744955888488/TAYTaxiDriver.otf);
} h2,h3,h4,sqsrte-large {
font-family: ‘TAYTAXIDRIVER’;
}

1 Like
5

Hi there, @user23492 :wave:

Please try to use this code in the Custom CSS field on the Style tab of your widget’s settings:

[class*="TabsControlItem__Name-sc"] {
   font-family: TAYTAXIDRIVER !important;
}

[class*="Info__InfoTitle-sc"] {
    font-family: TAYTAXIDRIVER !important; 
}

[class*="Name__NameComponent-sc"] {
  font-family: TAYTAXIDRIVER !important;
}

[class*="Info__InfoCaption-sc"] {
  font-family: TAYBIRDIE !important; 
}

[class*="Description__DescriptionComponent-sc"] {
  font-family: TAYBIRDIE !important; 
}

[class*="Price__PriceComponent-sc"] {
    font-family: TAYBIRDIE !important; 
}

If it doesn’t work, please send me a link to the page where your widget is installed :slightly_smiling_face:

1 Like