Home Explore Help
Sign In
khronosschoty
/
palemoon-dev
Watch 2
Star 1
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Tree: ac60e7ecec
Branches Tags
palemoon-dev
/
platform
/
layout
/
reftests
/
font-matching
/
weightmapping-7-ref.html

weightmapping-7-ref.html 6.0 KB
History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212 
  1. <!DOCTYPE HTML>
    2. 

  2. <html>
    3. 

  3. <head>
    4. 

  4. <title>Weight mapping tests</title>
    5. 

  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    6. 

  6.   
    7. 

  7. <style type="text/css">
    8. 

  8. 

  9. body {
    10. 

  10.   margin: 50px;
    11. 

  11.   font-family: Futura, Verdana, sans-serif;
    12. 

  12. }
    13. 

  13. 

  14. h3, h4 { font-weight: normal; }
    15. 

  15. 

  16. /* make all the spans blocks to avoid influence of what's outside them
    17. 

  17.    on line-height calculations */
    18. 

  18. span { display: block; }
    19. 

  19. 

  20. @font-face {
    21. 

  21.   font-family: test;
    22. 

  22.   src: url(../fonts/mplus/mplus-1p-bold.ttf);
    23. 

  23.   font-weight: 700;
    24. 

  24. }
    25. 

  25. 

  26. @font-face {
    27. 

  27.   font-family: test700;
    28. 

  28.   src: url(../fonts/mplus/mplus-1p-bold.ttf);
    29. 

  29. }
    30. 

  30. 

  31. table {
    32. 

  32.   border-collapse: collapse;
    33. 

  33.   font-family: test;
    34. 

  34.   font-size: 20px;
    35. 

  35. }
    36. 

  36. 

  37. td {
    38. 

  38.   padding: 0; margin: 0;
    39. 

  39. }
    40. 

  40. 

  41. th {
    42. 

  42.   font-weight: inherit;
    43. 

  43. }
    44. 

  44. 

  45. .red { color: red; }
    46. 

  46. 

  47. th.cnor { font-weight: inherit; }
    48. 

  48. th.cbo { font-weight: bolder; }
    49. 

  49. th.cbobo, th.cbobo span { font-weight: bolder; }
    50. 

  50. th.cli { font-weight: lighter; }
    51. 

  51. th.clili, th.clili span { font-weight: lighter; }
    52. 

  52. 

  53. thead { font-weight: 400; font-size: 75%; }
    54. 

  54. 

  55. .w1 .clili { font-family: test700; }
    56. 

  56. .w1 .cli { font-family: test700; }
    57. 

  57. .w1 .cnor { font-family: test700; }
    58. 

  58. .w1 .cbo { font-family: test700; }
    59. 

  59. .w1 .cbobo { font-family: test700; }
    60. 

  60. 

  61. .w2 .clili { font-family: test700; }
    62. 

  62. .w2 .cli { font-family: test700; }
    63. 

  63. .w2 .cnor { font-family: test700; }
    64. 

  64. .w2 .cbo { font-family: test700; }
    65. 

  65. .w2 .cbobo { font-family: test700; }
    66. 

  66. 

  67. .w3 .clili { font-family: test700; }
    68. 

  68. .w3 .cli { font-family: test700; }
    69. 

  69. .w3 .cnor { font-family: test700; }
    70. 

  70. .w3 .cbo { font-family: test700; }
    71. 

  71. .w3 .cbobo { font-family: test700; }
    72. 

  72. 

  73. .w4 .clili { font-family: test700; }
    74. 

  74. .w4 .cli { font-family: test700; }
    75. 

  75. .w4 .cnor { font-family: test700; }
    76. 

  76. .w4 .cbo { font-family: test700; }
    77. 

  77. .w4 .cbobo { font-family: test700; }
    78. 

  78. 

  79. .w5 .clili { font-family: test700; }
    80. 

  80. .w5 .cli { font-family: test700; }
    81. 

  81. .w5 .cnor { font-family: test700; }
    82. 

  82. .w5 .cbo { font-family: test700; }
    83. 

  83. .w5 .cbobo { font-family: test700; }
    84. 

  84. 

  85. .w6 .clili { font-family: test700; }
    86. 

  86. .w6 .cli { font-family: test700; }
    87. 

  87. .w6 .cnor { font-family: test700; }
    88. 

  88. .w6 .cbo { font-family: test700; }
    89. 

  89. .w6 .cbobo { font-family: test700; }
    90. 

  90. 

  91. .w7 .clili { font-family: test700; }
    92. 

  92. .w7 .cli { font-family: test700; }
    93. 

  93. .w7 .cnor { font-family: test700; }
    94. 

  94. .w7 .cbo { font-family: test700; }
    95. 

  95. .w7 .cbobo { font-family: test700; }
    96. 

  96. 

  97. .w8 .clili { font-family: test700; }
    98. 

  98. .w8 .cli { font-family: test700; }
    99. 

  99. .w8 .cnor { font-family: test700; }
    100. 

  100. .w8 .cbo { font-family: test700; }
    101. 

  101. .w8 .cbobo { font-family: test700; }
    102. 

  102. 

  103. .w9 .clili { font-family: test700; }
    104. 

  104. .w9 .cli { font-family: test700; }
    105. 

  105. .w9 .cnor { font-family: test700; }
    106. 

  106. .w9 .cbo { font-family: test700; }
    107. 

  107. .w9 .cbobo { font-family: test700; }
    108. 

  108. 

  109. .w1 th { font-weight: 100; }
    110. 

  110. .w2 th { font-weight: 200; }
    111. 

  111. .w3 th { font-weight: 300; }
    112. 

  112. .w4 th { font-weight: 400; }
    113. 

  113. .w5 th { font-weight: 500; }
    114. 

  114. .w6 th { font-weight: 600; }
    115. 

  115. .w7 th { font-weight: 700; }
    116. 

  116. .w8 th { font-weight: 800; }
    117. 

  117. .w9 th { font-weight: 900; }
    118. 

  118. 

  119. </style>
    120. 

  120. </head>
    121. 

  121. <body>
    122. 

  122. 

  123. <h3>Font family with 700 weight</h3>
    124. 

  124. 

  125. <table>
    126. 

  126. <thead>
    127. 

  127. <th></th>
    128. 

  128. <th class="clili"><span>lighter lighter</span></th>
    129. 

  129. <th class="cli"><span>lighter</span></th>
    130. 

  130. <th class="cnor"><span>normal</span></th>
    131. 

  131. <th class="cbo"><span>bolder</span></th>
    132. 

  132. <th class="cbobo"><span>bolder bolder</span></th>
    133. 

  133. </thead>
    134. 

  134. <tr class="w1">
    135. 

  135. <th>100</th>
    136. 

  136. <td class="clili"><span>東京特許許可局</span></td>
    137. 

  137. <td class="cli"><span>東京特許許可局</span></td>
    138. 

  138. <td class="cnor"><span>東京特許許可局</span></td>
    139. 

  139. <td class="cbo"><span>東京特許許可局</span></td>
    140. 

  140. <td class="cbobo"><span>東京特許許可局</span></td>
    141. 

  141. </tr>
    142. 

  142. <tr class="w2">
    143. 

  143. <th>200</th>
    144. 

  144. <td class="clili"><span>東京特許許可局</span></td>
    145. 

  145. <td class="cli"><span>東京特許許可局</span></td>
    146. 

  146. <td class="cnor"><span>東京特許許可局</span></td>
    147. 

  147. <td class="cbo"><span>東京特許許可局</span></td>
    148. 

  148. <td class="cbobo"><span>東京特許許可局</span></td>
    149. 

  149. </tr>
    150. 

  150. <tr class="w3">
    151. 

  151. <th>300</th>
    152. 

  152. <td class="clili"><span>東京特許許可局</span></td>
    153. 

  153. <td class="cli"><span>東京特許許可局</span></td>
    154. 

  154. <td class="cnor"><span>東京特許許可局</span></td>
    155. 

  155. <td class="cbo"><span>東京特許許可局</span></td>
    156. 

  156. <td class="cbobo"><span>東京特許許可局</span></td>
    157. 

  157. </tr>
    158. 

  158. <tr class="w4">
    159. 

  159. <th>400</th>
    160. 

  160. <td class="clili"><span>東京特許許可局</span></td>
    161. 

  161. <td class="cli"><span>東京特許許可局</span></td>
    162. 

  162. <td class="cnor"><span>東京特許許可局</span></td>
    163. 

  163. <td class="cbo"><span>東京特許許可局</span></td>
    164. 

  164. <td class="cbobo"><span>東京特許許可局</span></td>
    165. 

  165. </tr>
    166. 

  166. <tr class="w5">
    167. 

  167. <th>500</th>
    168. 

  168. <td class="clili"><span>東京特許許可局</span></td>
    169. 

  169. <td class="cli"><span>東京特許許可局</span></td>
    170. 

  170. <td class="cnor"><span>東京特許許可局</span></td>
    171. 

  171. <td class="cbo"><span>東京特許許可局</span></td>
    172. 

  172. <td class="cbobo"><span>東京特許許可局</span></td>
    173. 

  173. </tr>
    174. 

  174. <tr class="w6">
    175. 

  175. <th>600</th>
    176. 

  176. <td class="clili"><span>東京特許許可局</span></td>
    177. 

  177. <td class="cli"><span>東京特許許可局</span></td>
    178. 

  178. <td class="cnor"><span>東京特許許可局</span></td>
    179. 

  179. <td class="cbo"><span>東京特許許可局</span></td>
    180. 

  180. <td class="cbobo"><span>東京特許許可局</span></td>
    181. 

  181. </tr>
    182. 

  182. <tr class="w7">
    183. 

  183. <th class="red">700</th>
    184. 

  184. <td class="clili"><span>東京特許許可局</span></td>
    185. 

  185. <td class="cli"><span>東京特許許可局</span></td>
    186. 

  186. <td class="cnor"><span>東京特許許可局</span></td>
    187. 

  187. <td class="cbo"><span>東京特許許可局</span></td>
    188. 

  188. <td class="cbobo"><span>東京特許許可局</span></td>
    189. 

  189. </tr>
    190. 

  190. <tr class="w8">
    191. 

  191. <th>800</th>
    192. 

  192. <td class="clili"><span>東京特許許可局</span></td>
    193. 

  193. <td class="cli"><span>東京特許許可局</span></td>
    194. 

  194. <td class="cnor"><span>東京特許許可局</span></td>
    195. 

  195. <td class="cbo"><span>東京特許許可局</span></td>
    196. 

  196. <td class="cbobo"><span>東京特許許可局</span></td>
    197. 

  197. </tr>
    198. 

  198. <tr class="w9">
    199. 

  199. <th>900</th>
    200. 

  200. <td class="clili"><span>東京特許許可局</span></td>
    201. 

  201. <td class="cli"><span>東京特許許可局</span></td>
    202. 

  202. <td class="cnor"><span>東京特許許可局</span></td>
    203. 

  203. <td class="cbo"><span>東京特許許可局</span></td>
    204. 

  204. <td class="cbobo"><span>東京特許許可局</span></td>
    205. 

  205. </tr>
    206. 

  206. </table>
    207. 

  207. 

  208. <p>tokyotokkyokyokakyoku</p>
    209. 

  209. 

  210. </body>
    211. 

  211. </html>
    212. 

  212.