How can i change my food menu font with css?

I would like to change the default font in the menu block with a personalized font i want to upload. I don't know what the code is for this block is in css.

Can you share site url? We can check easier.

Which elements you want to apply new font?

https://koi-cardioid-axfx.squarespace.com/ is the link, in the section CARTA, i want to apply a font that is not in the platform. In the MENU BLOCK all the text.

Add to Home > design > Custom CSS. Replace with your font file url

@font-face {
	font-family: tuanphan;
	src: url(upload font & paste font url here);
}
.menu-section * {
    font-family: tuanphan !important;
}

thanks a lot, worked perfecty. Now i wold love to chenge the color to blAck, what would be the code for that?

THANKS IN ADVANCE

On 10/19/2020 at 8:29 AM, tuanphan said:

Add to Home > design > Custom CSS. Replace with your font file url

@font-face {
	font-family: tuanphan;
	src: url(upload font & paste font url here);
}
.menu-section * {
    font-family: tuanphan !important;
}

 

Thanks for sharing your wisdom all over this forum, I am working on installing custom CSS on a 7.1 site for the first time and have found your answers so helpful! 

This code worked and I'm stoked. Curious if you can share the code/ if it's possible to change the font for the menu descriptions only. I'd like to make them different.

Thanks so much!

b

@bryncmorg

Please give us the URL for a page with menu descriptions.

If your site is not public please set up a site-wide password, if you've not already done so. Post the password here.

We can then take a look at your issue.