How to set custom font?

Hi,

I’m trying to set my custom font to be used inside cart sidebar.
I’m having trouble forcing custom font via css on Home page, while on other pages it works fine.

The thing is that I don’t like my current solution anyway, since in plugin settings there is field for custom font, but there is not example how to use it.

This is my current css code which forces custom font.

.xoo-wsch-text{
	font-family: Amatic SC;
	font-weight: 800; 
	font-size: 28px
			!important; 
}

.xoo-wsc-footer{
	font-family: Amatic SC;
	font-weight: 800; 
	font-size: 24px
			!important; 
}

.xoo-wsc-qty-price{
	font-family: Amatic SC;
	font-weight: bold; 
	font-size: 26px
			!important; 
}
bdi{
	font-family: Amatic SC;
	font-weight: bold; 
	font-size: 26px
			!important; 
}

.xoo-wsc-ft-buttons-cont{
		font-family: Amatic SC;
	font-weight: bold; 
	font-size: 26px
			!important; 
}

.xoo-wsc-footer{
	font-family: Amatic SC;
	font-weight: bold; 
	font-size: 26px
			!important; 
}

Give me advice how to resolve it and also how to prevent loading your default font which slows down site loading.

The page I need help with: [log in to see the link]