font-weight-search-direction-ref.html (1589B)
1 <!DOCTYPE html> 2 <meta charset=utf-8> 3 4 <style> 5 @font-face { 6 font-family: simple; 7 font-weight: normal; 8 src: url("/fonts/Lato-Medium.ttf"); 9 } 10 @font-face { 11 font-family: simple; 12 font-weight: bold; 13 src: url("/fonts/Lato-Bold.ttf"); 14 } 15 </style> 16 17 <div style='font: normal 24px "simple"'>This should be normal weight</div> 18 <div style='font: normal 24px "simple"'>This should be normal weight</div> 19 <div style='font: normal 24px "simple"'>This should be normal weight</div> 20 <div style='font: normal 24px "simple"'>This should be normal weight</div> 21 <div style='font: bold 24px "simple"'>This should be bold weight</div> 22 <div style='font: bold 24px "simple"'>This should be bold weight</div> 23 <div style='font: bold 24px "simple"'>This should be bold weight</div> 24 <div style='font: bold 24px "simple"'>This should be bold weight</div> 25 26 <br> 27 28 <div style='font: normal 24px "Times New Roman", "simple"'>This should be normal weight</div> 29 <div style='font: normal 24px "Times New Roman", "simple"'>This should be normal weight</div> 30 <div style='font: normal 24px "Times New Roman", "simple"'>This should be normal weight</div> 31 <div style='font: normal 24px "Times New Roman", "simple"'>This should be normal weight</div> 32 <div style='font: bold 24px "Times New Roman", "simple"'>This should be bold weight</div> 33 <div style='font: bold 24px "Times New Roman", "simple"'>This should be bold weight</div> 34 <div style='font: bold 24px "Times New Roman", "simple"'>This should be bold weight</div> 35 <div style='font: bold 24px "Times New Roman", "simple"'>This should be bold weight</div>