@font-face {
    font-family: 'Bree Serif';
    src: url('BreeSerif-Regular.ttf') format('ttf');
}

@font-face {
    font-family: 'Open Sans';
    src: url('OpenSans-VariableFont_wdth,wght.ttf') format('ttf');
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('OpenSans-Italic-VariableFont_wdth,wght.ttf') format('ttf');
    font-style: italic;
}

/*
.bree-serif-regular {
	font-family: "Bree Serif", serif;
	font-weight: 400;
	font-style: normal;
}
*/

/* <uniquifier>: Use a unique and descriptive class name */
/* <weight>: Use a value from 300 to 800 */
/*
.open-sans-<uniquifier> {
	font-family: "Open Sans", sans-serif;
	font-optical-sizing: auto;
	font-weight: <weight>;
	font-style: normal;
	font-variation-settings: "wdth" 100;
}
*/