<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>
