| Index: LayoutTests/fast/text/font-weight-variant.html
|
| diff --git a/LayoutTests/fast/text/font-weight-variant.html b/LayoutTests/fast/text/font-weight-variant.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..165fdefaf8b2f2e9b060fffb1408022f20a256aa
|
| --- /dev/null
|
| +++ b/LayoutTests/fast/text/font-weight-variant.html
|
| @@ -0,0 +1,70 @@
|
| +<!DOCTYPE html>
|
| +<html>
|
| + <head>
|
| + <style>
|
| + div { font-family: Segoe UI; }
|
| + .light { font-family: Segoe UI Light; }
|
| + .semibold { font-family: Segoe UI Semibold; }
|
| + </style>
|
| + </head>
|
| + <body>
|
| + <section>
|
| + <h2>font-weight: 200 vs light</h2>
|
| + <div style="font-weight: 200">Back in June we delivered oxygen equipment of the same size.</div>
|
| + <div class="light">Back in June we delivered oxygen equipment of the same size.</div>
|
| + <div class="light" style="font-weight: 200">Back in June we delivered oxygen equipment of the same size.</div>
|
| + <p>
|
| + The three lines above should have the same weight.
|
| + </p>
|
| + </section>
|
| +
|
| + <section>
|
| + <h2>font-weight: 600 vs semibold</h2>
|
| + <div style="font-weight: 600">Back in June we delivered oxygen equipment of the same size.</div>
|
| + <div class="semibold">Back in June we delivered oxygen equipment of the same size.</div>
|
| + <div class="semibold" style="font-weight: 600">Back in June we delivered oxygen equipment of the same size.</div>
|
| + <p>
|
| + The three lines above should have the same weight.
|
| + </p>
|
| + </section>
|
| +
|
| + <section>
|
| + <h2>Specific weight, Segoe UI</h2>
|
| + <div style="font-weight: 100">font-weight: 100 - Back in June we delivered oxygen equipment of the same size.</div>
|
| + <div style="font-weight: 200">font-weight: 200 - Back in June we delivered oxygen equipment of the same size.</div>
|
| + <div style="font-weight: 300">font-weight: 300 - Back in June we delivered oxygen equipment of the same size.</div>
|
| + <div style="font-weight: 400">font-weight: 400 - Back in June we delivered oxygen equipment of the same size.</div>
|
| + <div style="font-weight: 500">font-weight: 500 - Back in June we delivered oxygen equipment of the same size.</div>
|
| + <div style="font-weight: 600">font-weight: 600 - Back in June we delivered oxygen equipment of the same size.</div>
|
| + <div style="font-weight: 700">font-weight: 700 - Back in June we delivered oxygen equipment of the same size.</div>
|
| + <div style="font-weight: 800">font-weight: 800 - Back in June we delivered oxygen equipment of the same size.</div>
|
| + <div style="font-weight: 900">font-weight: 900 - Back in June we delivered oxygen equipment of the same size.</div>
|
| + </section>
|
| +
|
| + <section>
|
| + <h2>Specific weight, Segoe UI Light</h2>
|
| + <div class="light" style="font-weight: 100">font-weight: 100 - Back in June we delivered oxygen equipment of the same size.</div>
|
| + <div class="light" style="font-weight: 200">font-weight: 200 - Back in June we delivered oxygen equipment of the same size.</div>
|
| + <div class="light" style="font-weight: 300">font-weight: 300 - Back in June we delivered oxygen equipment of the same size.</div>
|
| + <div class="light" style="font-weight: 400">font-weight: 400 - Back in June we delivered oxygen equipment of the same size.</div>
|
| + <div class="light" style="font-weight: 500">font-weight: 500 - Back in June we delivered oxygen equipment of the same size.</div>
|
| + <div class="light" style="font-weight: 600">font-weight: 600 - Back in June we delivered oxygen equipment of the same size.</div>
|
| + <div class="light" style="font-weight: 700">font-weight: 700 - Back in June we delivered oxygen equipment of the same size.</div>
|
| + <div class="light" style="font-weight: 800">font-weight: 800 - Back in June we delivered oxygen equipment of the same size.</div>
|
| + <div class="light" style="font-weight: 900">font-weight: 900 - Back in June we delivered oxygen equipment of the same size.</div>
|
| + </section>
|
| +
|
| + <section>
|
| + <h2>Specific weight, Segoe UI Semibold</h2>
|
| + <div class="semibold" style="font-weight: 100">font-weight: 100 - Back in June we delivered oxygen equipment of the same size.</div>
|
| + <div class="semibold" style="font-weight: 200">font-weight: 200 - Back in June we delivered oxygen equipment of the same size.</div>
|
| + <div class="semibold" style="font-weight: 300">font-weight: 300 - Back in June we delivered oxygen equipment of the same size.</div>
|
| + <div class="semibold" style="font-weight: 400">font-weight: 400 - Back in June we delivered oxygen equipment of the same size.</div>
|
| + <div class="semibold" style="font-weight: 500">font-weight: 500 - Back in June we delivered oxygen equipment of the same size.</div>
|
| + <div class="semibold" style="font-weight: 600">font-weight: 600 - Back in June we delivered oxygen equipment of the same size.</div>
|
| + <div class="semibold" style="font-weight: 700">font-weight: 700 - Back in June we delivered oxygen equipment of the same size.</div>
|
| + <div class="semibold" style="font-weight: 800">font-weight: 800 - Back in June we delivered oxygen equipment of the same size.</div>
|
| + <div class="semibold" style="font-weight: 900">font-weight: 900 - Back in June we delivered oxygen equipment of the same size.</div>
|
| + </section>
|
| + </body>
|
| +</html>
|
|
|