| <html> |
| <head> |
| <style> |
| @font-face { |
| font-family: 'test'; |
| font-weight: 400; |
| unicode-range: U+0020, U+0041-005A; /* space, A-Z */ |
| src: local('Helvetica'), local('Arial'); |
| } |
| @font-face { |
| font-family: 'test'; |
| font-weight: 700; |
| unicode-range: U+0061-007A; /* a-z */ |
| src: local('Times'), local('Times New Roman'); |
| } |
| span { |
| font-family: 'test', 'Courier', 'Courier New'; |
| font-size: 30px; |
| } |
| </style> |
| </head> |
| <body> |
| <p> |
| You should see each font name in that font: |
| </p> |
| <span>HELVETICA</span> |
| <span>courier</span> |
| <span><b>COURIER</b></span> |
| <span><b>times</b></span> |
| </body> |
| </html> |