File tree Expand file tree Collapse file tree 6 files changed +60
-16
lines changed
testing/web-platform/tests/css/css-fonts Expand file tree Collapse file tree 6 files changed +60
-16
lines changed Original file line number Diff line number Diff line change 1
1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
2
2
< html xmlns ="http://www.w3.org/1999/xhtml ">
3
3
< head >
4
- < title > CSS Test: Test for prescense of test fonts</ title >
4
+ < title > CSS Test: Test for presence of test fonts</ title >
5
5
< link rel ="author " title ="Mozilla " href ="http://www.mozilla.com/ " />
6
6
< link rel ="help " href ="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-family " />
7
7
< link rel ="help " href ="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop " />
8
8
< link rel ="help " href ="http://www.w3.org/TR/css-fonts-3/#font-family-prop "/>
9
+ < link rel ="match " href ="font-family-name-ref.xht "/>
9
10
< meta name ="assert " content ="Test will fail if CSSTest fonts are not installed " />
10
11
< style type ="text/css ">
11
- div # test1 {
12
+ body { font-size : 36px ; }
13
+ span # verify { font-family : CSSTest Verify; }
14
+ p # test1 {
12
15
font-family : CSSTest Verify;
13
16
}
14
- div # test2 {
17
+ p # test2 {
15
18
font-family : CSSTest Unknown, CSSTest Fallback; /* should be no 'CSSTest Unknown' font installed */
16
19
}
17
20
</ style >
18
21
</ head >
19
22
< body >
20
23
< div > < a href ="http://www.w3.org/Style/CSS/Test/Fonts/ "> Test fonts</ a > must be installed for this test: < span id ="verify "> FAIL</ span > </ div >
21
- < p > Test passes if FAIL does not appear below.</ p >
22
- < p > Prerequisites: these tests require that CSSTest fonts be installed.</ p >
23
- < div id ="test1 "> FAIL</ div >
24
- < div id ="test2 "> FAIL</ div >
24
+ < p id ="test1 "> FAIL</ p >
25
+ < p id ="test2 "> FAIL</ p >
25
26
</ body >
26
27
</ html >
Original file line number Diff line number Diff line change 9
9
< link rel ="match " href ="font-family-name-024-ref.xht "/>
10
10
< meta name ="assert " content ="System font names are only allowed with the font shorthand, not in font-family rules " />
11
11
< style type ="text/css ">
12
- body { font-size : 36px ; }
12
+ body {
13
+ font-size : 36px ;
14
+ /* prevent scrollbar because of visually empty paragraph elements */
15
+ overflow : hidden;
16
+ }
13
17
span # verify { font-family : CSSTest Verify; }
14
18
div .test { font-family : CSSTest Fallback; }
15
19
p {
Original file line number Diff line number Diff line change
1
+ <!DOCTYPE html>
2
+ < html >
3
+ < head >
4
+ < title > CSS Test: Test for synthetic bold rendering</ title >
5
+ < style type ="text/css ">
6
+ div {
7
+ font-size : 36px ;
8
+ font-family : "CSSTest Verify" ;
9
+ }
10
+ </ style >
11
+ </ head >
12
+ < body >
13
+ < div > < a href ="http://www.w3.org/Style/CSS/Test/Fonts/ "> Test fonts</ a > must be installed for this test: PASS</ div >
14
+ < p > Browser supports synthetic bolding if PASS appears on both lines and the second line appears bolder:</ p >
15
+ < div > PASS</ div >
16
+ < div > PASS</ div >
17
+ </ body >
18
+ </ html >
Original file line number Diff line number Diff line change 1
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" >
2
- < html xmlns =" http://www.w3.org/1999/xhtml " >
1
+ <!DOCTYPE html>
2
+ < html >
3
3
< head >
4
4
< title > CSS Test: Test for synthetic bold rendering</ title >
5
5
< link rel ="author " title ="Mozilla " href ="http://www.mozilla.com/ " />
6
6
< link rel ="help " href ="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-weight " />
7
7
< link rel ="help " href ="http://www.w3.org/TR/CSS21/fonts.html#font-boldness " />
8
8
< link rel ="help " href ="http://www.w3.org/TR/css-fonts-3/#font-weight-prop " />
9
+ < link rel ="mismatch " href ="test-synthetic-bold-notref.html " />
9
10
< meta name ="assert " content ="Synthetic bold text should render differently than normal text " />
10
11
< style type ="text/css ">
11
12
div { font-size : 36px ; }
12
- span # verify {font-family : "CSSTest Verify" ;}
13
+ span # verify { font-family : "CSSTest Verify" ; }
13
14
div # test1 {
14
15
font-family : CSSTest Verify;
15
16
}
25
26
< div id ="test1 "> FAIL</ div >
26
27
< div id ="test2 "> FAIL</ div >
27
28
</ body >
28
- </ html >
29
+ </ html >
Original file line number Diff line number Diff line change
1
+ <!DOCTYPE html>
2
+ < html >
3
+ < head >
4
+ < title > CSS Test: Test for synthetic italic rendering</ title >
5
+ < style type ="text/css ">
6
+ div { font-size : 36px ; }
7
+ span # verify { font-family : "CSSTest Verify" ; }
8
+ div # test1 , div # test2 {
9
+ font-family : CSSTest Verify;
10
+ }
11
+ </ style >
12
+ </ head >
13
+ < body >
14
+ < div > < a href ="http://www.w3.org/Style/CSS/Test/Fonts/ "> Test fonts</ a > must be installed for this test: < span id ="verify "> FAIL</ span > </ div >
15
+ < p > Browser supports synthetic italics if PASS appears on both lines and the second line is slanted right:</ p >
16
+ < div id ="test1 "> FAIL</ div >
17
+ < div id ="test2 "> FAIL</ div >
18
+ </ body >
19
+ </ html >
Original file line number Diff line number Diff line change 1
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" >
2
- < html xmlns =" http://www.w3.org/1999/xhtml " >
3
- < head >
1
+ <!DOCTYPE html>
2
+ < html >
3
+ < head >
4
4
< title > CSS Test: Test for synthetic italic rendering</ title >
5
5
< link rel ="author " title ="Mozilla " href ="http://www.mozilla.com/ " />
6
6
< link rel ="help " href ="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-style " />
7
7
< link rel ="help " href ="http://www.w3.org/TR/CSS21/fonts.html#font-styling " />
8
8
< link rel ="help " href ="http://www.w3.org/TR/css-fonts-3/#font-style-prop "/>
9
+ < link rel ="mismatch " href ="test-synthetic-italic-notref.html " />
9
10
< meta name ="assert " content ="Synthetic italic text should render differently than normal text " />
10
11
< style type ="text/css ">
11
12
div { font-size : 36px ; }
25
26
< div id ="test1 "> FAIL</ div >
26
27
< div id ="test2 "> FAIL</ div >
27
28
</ body >
28
- </ html >
29
+ </ html >
You can’t perform that action at this time.
0 commit comments