/* Variable font reference:
https://fonts.google.com/specimen/Roboto+Flex
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Fonts/Variable_Fonts_Guide
https://v-fonts.com/fonts/roboto-flex
https://web.dev/variable-fonts/

CANNOT use font-variation-settings in @font-face rule (Firefox only)
EG: font-variation-settings: 'wght' 350, 'wdth' 75;
*/

@font-face {
    font-family: 'fntRoboto';
    src: local('Roboto Flex Regular'), local('RobotoFlex-Regular'), url('/fonts/RobotoFlex.woff2') format('woff2');
    font-weight: 250;
    font-style: normal;
}

/*
font-variation-settings: 
* 	wght	
	font-weight 				
* 	wdth	
	font-stretch				
* 	ital	
	font-style: italic				
	font-variation-settings: 'ital' 1;
* 	opsz	
	font-optical-sizing				
	font-variation-settings: 'opsz' 8; 	
	(overrides browser default font size)
* 	GRAD									
	font-variation-settings: `GRAD` 15; (grade axis)
	(makes font thicker without affecting width)
* 	slnt	
	font-style: oblique + angle		
	font-variation-settings: 'slnt' 10;	 
*	XTRA			 
*	XOPQ			 
*	YOPQ				 
*	YTLC			 
*	YTUC			 
*	YTAS			 
*	YTDE			 
*	YTFI			
*/