variable-font-face-02.html (887B)
1 <!-- 2 Any copyright is dedicated to the Public Domain. 3 http://creativecommons.org/publicdomain/zero/1.0/ 4 --> 5 <!DOCTYPE html> 6 <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> 7 <link rel="author" title="Cameron McCormack" href="mailto:cam@mcc.id.au"> 8 <link rel="help" href="http://www.w3.org/TR/css-variables-1/#defining-variables"> 9 <link rel="match" href="variable-font-face-02-ref.html"> 10 <meta name="flags" content="ahem"> 11 <style> 12 :root { 13 --a: MyTestFontName; 14 } 15 @font-face { 16 font-family: var(--a); 17 src: url(/fonts/Ahem.ttf); 18 } 19 @font-face { 20 font-family: MyTestFontName2; 21 src: url(/fonts/Ahem.ttf); 22 } 23 #a { 24 font-family: MyTestFontName, serif; 25 } 26 #b { 27 font-family: MyTestFontName2, serif; 28 } 29 </style> 30 <p id=a>This text must not be in Ahem.</p> 31 <p id=b>But this text must be in Ahem.</p>