| <!DOCTYPE html> |
| <!-- |
| Any copyright is dedicated to the Public Domain. |
| http://creativecommons.org/publicdomain/zero/1.0/ |
| --><html><head><title>CSS Test: Test the invalid use of a variable in an @font-face rule where the variable is defined on the root element.</title> |
| <link href="mailto:cam@mcc.id.au" rel="author" title="Cameron McCormack"> |
| <link href="http://www.w3.org/TR/css-variables-1/#defining-variables" rel="help"> |
| <link href="reference/variable-font-face-02-ref.htm" rel="match"> |
| <meta content="ahem" name="flags"> |
| <style> |
| :root { |
| --a: MyTestFontName; |
| } |
| @font-face { |
| font-family: var(--a); |
| src: url(support/Ahem.ttf); |
| } |
| @font-face { |
| font-family: MyTestFontName2; |
| src: url(support/Ahem.ttf); |
| } |
| #a { |
| font-family: MyTestFontName, serif; |
| } |
| #b { |
| font-family: MyTestFontName2, serif; |
| } |
| </style> |
| </head><body><p id="a">This text must not be in Ahem.</p> |
| <p id="b">But this text must be in Ahem.</p> |
| </body></html> |
