css3-text-line-break-jazh-121

CSS3 Text, linebreaks: 30E7 KATAKANA LETTER SMALL YO (loose,ja)

WeasyPrint

Reference (good) by WeasyPrint

Reference (good) by this browser

This browser

Flags
font
Assertion
The browser will allow 30E7 KATAKANA LETTER SMALL YO at the beginning of a line.

Source

 1 <!DOCTYPE html>
 2 <html lang="en"><head>
 3 <meta charset="utf-8">
 4 <title>CSS3 Text, linebreaks: 30E7 KATAKANA LETTER SMALL YO (loose,ja)</title>
 5 <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
 6 <link href="https://drafts.csswg.org/css-text-3/#line-break" rel="help">
 7 <link href="reference/css3-text-line-break-jazh-121-ref.htm" rel="match">
 8 <meta content="font" name="flags">
 9 <meta content="The browser will allow 30E7 KATAKANA LETTER SMALL YO at the beginning of a line." name="assert">
10 <style type="text/css">
11 @font-face {
12 	font-family: 'mplus-1p-regular';
13 	src: url('support/mplus-1p-regular.woff') format('woff');
14 	/* filesize: 803K */
15 	}
16 .test, .ref { font-size: 30px; font-family: mplus-1p-regular, sans-serif; width: 93px; padding: 0; border: 1px solid orange; line-height: 1em; }
17 .name { font-size: 10px; }
18 .test { line-break: loose; }
19 </style>
20 </head>
21 <body>
22 <p class="instructions">Test passes if the two orange boxes are identical.</p>
23 
24 
25 <div lang="ja" class="test">カカカョナ</div>
26 
27 
28 
29 
30 
31 <div lang="ja" class="ref">カカカ<br>ョナ</div>
32 
33 
34 <!--Notes:
35 <p class='notes'>For more information about expected line break behavior and line break classes, see <a href='http://www.unicode.org/reports/tr14/'>Unicode Standard Annex #14 Line Breaking Properties</a>.
36 
37 
38 -->
39 
40 
41 
42 
43 </body></html>