| <style> |
| @font-face { |
| font-family: 'Lucida Grande'; |
| font-style: italic; |
| src: local(Times); |
| } |
| |
| @font-face { |
| font-family: Helvetica; |
| font-weight: 400; |
| src: local(Times); |
| } |
| |
| @font-face { |
| font-family: Monaco; |
| unicode-range: U+0060-0080; |
| src: local(Times); |
| } |
| </style> |
| <p> |
| This tests that locally-installed fonts are used for a family of the same |
| name defined in a <tt>@font-face</tt> rule if they are a better match than |
| the rule. |
| </p> |
| <p style="font-family: Lucida Grande;"> |
| This should be Lucida Grande <i>and this should be Times Italic.</i> |
| </p> |
| <p style="font-family: Helvetica;"> |
| This should be Times <b>and this should be Helvetica Bold.</b> |
| </p> |
| <p style="font-family: Monaco;"> |
| UPPERCASE SHOULD BE MONACO and lowercase should be times. |
| </p> |