local-styled-1.html (1313B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <style type="text/css"> 5 @font-face { 6 font-family: test; 7 src: local(Nimbus Sans L), local(NimbusSansL-Regu), 8 local(Helvetica), local(Bitstream Vera Sans), 9 local(Arial), local(Liberation Sans), local(SwissA), 10 local(Fira Sans OT), local(Fira Sans), 11 local(Droid Sans), local(Roboto); 12 } 13 @font-face { 14 font-family: test; 15 font-style: italic; 16 src: local(Nimbus Sans L), local(NimbusSansL-Regu), 17 local(Helvetica), local(Bitstream Vera Sans), 18 local(Arial), local(Liberation Sans), local(SwissA), 19 local(Fira Sans OT), local(Fira Sans), 20 local(Droid Sans), local(Roboto); 21 } 22 @font-face { 23 font-family: test; 24 font-weight: bold; 25 src: local(Nimbus Sans L), local(NimbusSansL-Regu), 26 local(Helvetica), local(Bitstream Vera Sans), 27 local(Arial), local(Liberation Sans), local(SwissA), 28 local(Fira Sans OT), local(Fira Sans), 29 local(Droid Sans), local(Roboto); 30 } 31 div { 32 font-family: test, serif; 33 margin: 10px; 34 } 35 </style> 36 </head> 37 <body> 38 <div style="font-family:serif"> 39 This serif font should NOT be used below. 40 </div> 41 <hr> 42 <div> 43 These three lines should all use the same font face. 44 </div> 45 <div> 46 <b>This line should NOT be bold.</b> 47 </div> 48 <div> 49 <i>This line should NOT be italic.</i> 50 </div> 51 </body> 52 </html>