hanzi-rails 0.0.4 → 0.0.5

data/app/assets/stylesheets/hanzi.css.erb

@@ -1,6 +1,6 @@
 @charset "UTF-8";
 
-/*! 漢字標準格式 v3.2.0 | MIT License | css.hanzi.co */
+/*! 漢字標準格式 v3.2.7 | MIT License | css.hanzi.co */
 /*! Han.css: the CSS typography framework optimised for Hanzi */
 
 /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
@@ -9,10 +9,12 @@
  * 2. Prevent iOS and IE text size adjust after device orientation change,
  *    without disabling user zoom.
  */
+
 //= depend_on_asset "han.otf"
 //= depend_on_asset "han.ttf"
 //= depend_on_asset "han.woff"
 <% v = Hanzi::Rails::HANZI_VERSION %>
+
 html {
   font-family: sans-serif;
   /* 1 */
@@ -592,37 +594,32 @@ ins {
  * Ruby annotations
  * (行間注)
  */
-ruby *:before,
-ruby *:after {
-  line-height: normal;
-}
-ruby > rt:not(:empty):before {
-  content: "\ff08";
-}
-ruby > rt:not(:empty):after {
-  content: "\ff09";
-}
-ruby > rb + rtc:before {
-  content: "\ff08";
-}
-ruby > rtc:after {
-  content: "\ff0c";
-}
-ruby > rtc:last-of-type:after {
-  content: "\ff09";
-}
-ruby > rt:before,
-ruby > rt:after {
-  display: inline-block;
-  overflow: hidden;
-  vertical-align: middle;
-  height: 0;
-  width: 0;
-}
-ruby > rt:not(:empty):before,
-ruby > rt:not(:empty):after {
-  height: -moz-calc( 1.3em);
-  width: -moz-calc( 1em);
+ruby rtc rt {
+  display: inline;
+  font-size: inherit;
+}
+
+ruby.zhuyin,
+ruby.mps {
+  display: ruby;
+  -webkit-ruby-position: inter-character;
+  ruby-position: inter-character;
+}
+ruby.zhuyin > rt,
+ruby.mps > rt {
+  -moz-transform: scale(.8);
+  -ms-transform: scale(.8);
+  -webkit-transform: scale(.8);
+  transform: scale(.8);
+  -moz-transform-origin: left center;
+  -ms-transform-origin: left center;
+  -webkit-transform-origin: left center;
+  transform-origin: left center;
+  font-size: .5em;
+}
+ruby.zhuyin > rt:empty,
+ruby.mps > rt:empty {
+  display: none;
 }
 
 .han-js-rendered u + u,
@@ -641,6 +638,7 @@ ruby > rt:not(:empty):after {
   padding-bottom: auto;
   border-bottom-width: 0;
 }
+
 .no-textemphasis em:lang(zh),
 .no-textemphasis em:lang(ja) {
   line-height: 2;
@@ -695,40 +693,130 @@ em:lang(ja) h-char.biaodian {
 
 .no-textemphasis em:lang(zh) h-char:after {
   margin-top: 1em;
-  content: "\25cf";
+  content: "●";
 }
+
 .no-textemphasis em:lang(ja) h-char:after {
   margin-top: -.7em;
-  content: "\fe45";
+  content: "﹅";
 }
 
-h-ruby {
-  display: inline;
-  line-height: 2;
+ruby.zhuyin h-zhuyin,
+ruby.mps h-zhuyin,
+h-ruby.zhuyin h-zhuyin {
+  position: relative;
+  letter-spacing: 0;
 }
-h-ruby rp {
-  display: none;
+
+ruby.zhuyin h-diao,
+ruby.mps h-diao,
+h-ruby.zhuyin h-diao {
+  position: absolute;
+  right: -.9em;
+  bottom: .5em;
+  display: block;
+  font-size: 1.5em;
 }
-h-ruby h-ru[annotation] > rt {
-  display: inline-block;
-  height: 0;
-  width: 0;
-  font: 0/0 hidden-text;
+ruby.zhuyin h-diao h-char,
+ruby.mps h-diao h-char,
+h-ruby.zhuyin h-diao h-char {
+  -webkit-writing-mode: horizontal-tb;
+  writing-mode: horizontal-tb;
 }
-.pseudo-element-clipboard h-ruby h-ru[annotation] > rt {
-  display: none;
+
+ruby.zhuyin [diao="˙"] h-diao,
+ruby.mps [diao="˙"] h-diao,
+h-ruby.zhuyin [diao="˙"] h-diao {
+  top: -.3em;
+  right: auto;
+  bottom: auto;
+  left: 0;
+  font-size: 1em;
+}
+
+ruby.zhuyin [diao^="ㆴ"] h-diao,
+ruby.zhuyin [diao^="ㆵ"] h-diao,
+ruby.zhuyin [diao^="ㆶ"] h-diao,
+ruby.zhuyin [diao^="ㆷ"] h-diao,
+ruby.zhuyin [diao="󳆴"] h-diao,
+ruby.zhuyin [diao="󳆵"] h-diao,
+ruby.zhuyin [diao="󳆶"] h-diao,
+ruby.zhuyin [diao="󳆷"] h-diao,
+ruby.mps [diao^="ㆴ"] h-diao,
+ruby.mps [diao^="ㆵ"] h-diao,
+ruby.mps [diao^="ㆶ"] h-diao,
+ruby.mps [diao^="ㆷ"] h-diao,
+ruby.mps [diao="󳆴"] h-diao,
+ruby.mps [diao="󳆵"] h-diao,
+ruby.mps [diao="󳆶"] h-diao,
+ruby.mps [diao="󳆷"] h-diao,
+h-ruby.zhuyin [diao^="ㆴ"] h-diao,
+h-ruby.zhuyin [diao^="ㆵ"] h-diao,
+h-ruby.zhuyin [diao^="ㆶ"] h-diao,
+h-ruby.zhuyin [diao^="ㆷ"] h-diao,
+h-ruby.zhuyin [diao="󳆴"] h-diao,
+h-ruby.zhuyin [diao="󳆵"] h-diao,
+h-ruby.zhuyin [diao="󳆶"] h-diao,
+h-ruby.zhuyin [diao="󳆷"] h-diao {
+  right: -1em;
+  bottom: -.125em;
+  font-size: 1em;
 }
-h-ruby h-ru {
+
+h-ru[annotation] {
   position: relative;
-  display: inline-block;
-  text-indent: 0;
+  display: inline-table;
+  border-collapse: collapse;
+  border-spacing: 0;
+  line-height: 1.1;
+  text-align: center;
+  vertical-align: 1em;
+}
+h-ru[annotation] > h-ru[annotation] {
+  vertical-align: -.1em;
+}
+h-ru[annotation] > h-ru,
+h-ru[annotation] > rb,
+h-ru[annotation] > rt {
+  line-height: 1;
+  text-align: center;
+}
+h-ru[annotation] > rt {
+  display: table-header-group;
+  height: 1em;
+  font-size: .5em;
+  white-space: nowrap;
+  word-break: normal;
+}
+h-ru[annotation] > rt:before,
+h-ru[annotation] > rt:after {
+  content: "\2006";
+}
+
+h-ru[order="0"] > rt,
+h-ruby[rightangle][doubleline] h-ru[order="0"] > rt {
+  display: table-header-group;
+}
+
+h-ru[order="1"] > rt,
+h-ruby[rightangle] h-ru[order="0"] > rt,
+h-ruby[rightangle][doubleline] h-ru[order="1"] > rt {
+  display: table-footer-group;
+}
+
+h-ru[order="0"] > h-ru[order="1"] {
+  vertical-align: .15em;
+}
+
+h-ruby[rightangle][doubleline] h-ru[order="0"] rt {
+  line-height: 1.5;
+}
+
+h-ruby[rightangle][doubleline] h-ru[annotation] {
+  vertical-align: .5em;
 }
-h-ruby h-ru:before,
-h-ruby h-zhuyin {
-  -moz-transform: scale(.55);
-  -ms-transform: scale(.55);
-  -webkit-transform: scale(.55);
-  transform: scale(.55);
+
+[zhuyin] h-zhuyin {
   -moz-text-emphasis: none;
   -webkit-text-emphasis: none;
   text-emphasis: none;
@@ -737,139 +825,141 @@ h-ruby h-zhuyin {
   line-height: normal;
   text-decoration: none;
   text-indent: 0;
-  position: absolute;
+  position: relative;
   display: inline-block;
-}
-h-ruby h-ru[annotation] {
-  text-align: center;
-}
-h-ruby h-ru[annotation]:before {
-  left: -265%;
-  top: -.5em;
-  vertical-align: top;
   height: 1em;
-  width: 600%;
-  content: attr(annotation);
-  line-height: 1;
-  text-align: center;
-  text-indent: 0;
-}
-h-ruby[rightangle] h-ru[annotation]:before {
-  left: -250%;
-}
-h-ruby h-ru[zhuyin] {
+  width: .4em;
+  vertical-align: text-top;
+}
+
+[zhuyin] h-zhuyin > * {
+  -moz-transform: scale(.4);
+  -ms-transform: scale(.4);
+  -webkit-transform: scale(.4);
+  transform: scale(.4);
+  -moz-transform-origin: left top;
+  -ms-transform-origin: left top;
+  -webkit-transform-origin: left top;
+  transform-origin: left top;
   display: inline-block;
-  position: relative;
-  width: 1.8em;
-  text-align: left;
 }
-h-ruby h-ru[zhuyin] h-zhuyin {
-  right: .2em;
-  top: 0;
-  height: 2.7em;
-  width: .8em;
-  line-height: .9;
-  white-space: pre-wrap;
-  word-break: break-all;
+
+[zhuyin] h-yin {
+  position: absolute;
+  left: 0;
+  height: 1em;
+  vertical-align: top;
+  line-height: 1;
 }
-h-ruby h-ru[zhuyin] h-diao {
+
+[zhuyin] h-diao {
   position: absolute;
+  bottom: 0;
   right: -.9em;
-  top: 0;
-  display: inline-block;
-  width: 1em;
+  line-height: 1;
 }
-h-ruby h-ru[zhuyin][length="0"],
-h-ruby h-ru[zhuyin]:empty {
-  width: auto;
+
+[zhuyin] h-yin:empty,
+[zhuyin] h-diao:empty {
+  display: none;
+}
+
+[zhuyin] [length="0"] {
+  margin-right: 0;
 }
-h-ruby h-ru[zhuyin][length="0"] h-zhuyin,
-h-ruby h-ru[zhuyin]:empty h-zhuyin {
+[zhuyin] [length="0"] h-zhuyin {
   display: none;
 }
-h-ruby h-ru[zhuyin][length="1"] h-zhuyin {
-  margin-top: .125em;
+
+[zhuyin] [length="1"] h-yin {
+  top: .3em;
 }
-h-ruby h-ru[zhuyin][length="1"] h-diao {
-  margin-top: -.35em;
+
+[zhuyin] [length="1"] h-diao {
+  bottom: 0;
 }
-h-ruby h-ru[zhuyin][length="2"] h-zhuyin {
-  margin-top: -.175em;
+
+[zhuyin] [length="2"] h-yin {
+  top: .05em;
 }
-h-ruby h-ru[zhuyin][length="2"] h-diao {
-  margin-top: .5em;
+
+[zhuyin] [length="2"] h-diao {
+  bottom: -.3em;
 }
-h-ruby h-ru[zhuyin][length="3"] h-zhuyin {
-  margin-top: -.45em;
+
+[zhuyin] [length="3"] h-yin {
+  top: -.05em;
+  line-height: .85;
 }
-h-ruby h-ru[zhuyin][length="3"] h-diao {
-  margin-top: 1.3em;
+
+[zhuyin] [length="3"] h-diao {
+  bottom: -.35em;
 }
-h-ruby h-ru[zhuyin][diao="˙"] h-diao {
-  right: -.35em;
+
+[zhuyin] [diao="˙"] h-diao {
+  top: 0;
+  right: auto;
+  bottom: auto;
+  left: .06em;
 }
-h-ruby h-ru[zhuyin][diao="˙"][length="1"] h-diao {
-  margin-top: -.5em;
+
+[zhuyin] [diao="˙"] [length="1"] h-diao {
+  top: .15em;
 }
-h-ruby h-ru[zhuyin][diao="˙"][length="2"] h-diao {
-  margin-top: -.3em;
+
+[zhuyin] [diao="˙"] [length="2"] h-diao {
+  top: -.05em;
 }
-h-ruby h-ru[zhuyin][diao="˙"][length="3"] h-diao {
-  margin-top: -.25em;
+
+[zhuyin] [diao="˙"] [length="3"] h-diao {
+  top: -.2em;
 }
-h-ruby h-ru[zhuyin][diao="˪"] h-diao,
-h-ruby h-ru[zhuyin][diao="˫"] h-diao {
-  -moz-transform: scale(1.2);
-  -ms-transform: scale(1.2);
-  -webkit-transform: scale(1.2);
-  transform: scale(1.2);
-  margin-right: -.25em;
+
+[zhuyin] [diao="˪"] h-diao,
+[zhuyin] [diao="˫"] h-diao {
+  -moz-transform: scale(.6);
+  -ms-transform: scale(.6);
+  -webkit-transform: scale(.6);
+  transform: scale(.6);
+  -moz-transform-origin: left top;
+  -ms-transform-origin: left top;
+  -webkit-transform-origin: left top;
+  transform-origin: left top;
 }
-h-ruby h-ru[zhuyin][diao^="ㆴ"] h-diao,
-h-ruby h-ru[zhuyin][diao^="ㆵ"] h-diao,
-h-ruby h-ru[zhuyin][diao^="ㆶ"] h-diao,
-h-ruby h-ru[zhuyin][diao^="ㆷ"] h-diao,
-h-ruby h-ru[zhuyin][diao="󳆴"] h-diao,
-h-ruby h-ru[zhuyin][diao="󳆵"] h-diao,
-h-ruby h-ru[zhuyin][diao="󳆶"] h-diao,
-h-ruby h-ru[zhuyin][diao="󳆷"] h-diao {
-  top: 20%;
-  margin-right: -.3em;
-}
-h-ruby h-ru[annotation]:before,
-h-ruby[rightangle] h-ru[annotation][order="1"]:before {
-  top: -.5em;
+
+[zhuyin] [diao^="ㆴ"] h-diao,
+[zhuyin] [diao^="ㆵ"] h-diao,
+[zhuyin] [diao^="ㆶ"] h-diao,
+[zhuyin] [diao^="ㆷ"] h-diao,
+[zhuyin] [diao="󳆴"] h-diao,
+[zhuyin] [diao="󳆵"] h-diao,
+[zhuyin] [diao="󳆶"] h-diao,
+[zhuyin] [diao="󳆷"] h-diao {
+  bottom: -.6em;
+  margin-right: .3em;
 }
-h-ruby h-ru[order="1"]:before,
-h-ruby[rightangle] h-ru[annotation][order="0"]:before {
-  bottom: -.4em;
-  top: auto;
-}
-h-ruby[rightangle] h-ru[annotation]:before {
-  margin-left: -.4em;
-}
-@media screen and (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 192dpi) {
-  h-ruby h-yin {
-    -moz-transform: scale(.8);
-    -ms-transform: scale(.8);
-    -webkit-transform: scale(.8);
-    transform: scale(.8);
-    display: inline-block;
-  }
-  h-ruby h-ru[zhuyin][diao="˪"] h-diao,
-  h-ruby h-ru[zhuyin][diao="˫"] h-diao {
-    -moz-transform: scale(1);
-    -ms-transform: scale(1);
-    -webkit-transform: scale(1);
-    transform: scale(1);
-  }
-  h-ruby h-ru[zhuyin][diao="˙"] h-diao {
-    -moz-transform: scale(.8);
-    -ms-transform: scale(.8);
-    -webkit-transform: scale(.8);
-    transform: scale(.8);
-    top: .125em;
-  }
+
+[zhuyin] {
+  margin-right: .2em;
+  display: inline-block;
+  line-height: 1.8;
+}
+
+[rightangle] h-ru[annotation] {
+  vertical-align: 0;
+  line-height: 1;
+}
+
+[rightangle] rt:after {
+  content: "";
+  display: inline-block;
+  width: 1.2em;
+}
+
+h-ru h-ru[zhuyin] {
+  margin-top: -.4em;
+  margin-bottom: -.2em;
+  line-height: 1.8;
 }
 
 h-jinze,
@@ -884,7 +974,7 @@ h-word {
  */
 @font-face {
   font-family: "Han Heiti";
-  src: local("Hiragino Sans GB"), local("Lantinghei TC"), local("Lantinghei SC"), local("Heiti SC"), local("Heiti TC"), local("Microsoft Yahei"), local("Microsoft Jhenghei"), local("Droid Sans Fallback");
+  src: local("Hiragino Sans GB"), local("Lantinghei TC Extralight"), local("Lantinghei SC Extralight"), local(FZLTXHB--B51-0), local(FZLTZHK--GBK1-0), local(".PingFang SC Light"), local(".PingFang TC Light"), local(".PingFang-SC-Light"), local(".PingFang-TC-Light"), local(".PingFang SC"), local(".PingFang TC"), local("Heiti SC Light"), local(STHeitiSC-Light), local("Heiti SC"), local("Heiti TC Light"), local(STHeitiTC-Light), local("Heiti TC"), local("Microsoft Yahei"), local("Microsoft Jhenghei"), local("Noto Sans CJK KR"), local("Noto Sans CJK JP"), local("Noto Sans CJK SC"), local("Noto Sans CJK TC"), local("Source Han Sans K"), local("Source Han Sans KR"), local("Source Han Sans JP"), local("Source Han Sans CN"), local("Source Han Sans HK"), local("Source Han Sans TW"), local("Source Han Sans TWHK"), local("Droid Sans Fallback");
 }
 
 @font-face {
@@ -895,26 +985,21 @@ h-word {
 
 @font-face {
   font-family: "Han Heiti CNS";
-  src: local("Hiragino Sans GB"), local("Lantinghei TC"), local("Heiti TC"), local("Microsoft Jhenghei"), local("Heiti SC"), local("Lantinghei SC"), local("Microsoft Yahei"), local("Droid Sans Fallback");
-}
-
-@font-face {
-  unicode-range: U+4E00-9FFF, U+3400-4DB5, U+20000-2A6D6, U+2A700-2B734, U+2B740-2B81D, U+FA0E-FA0F, U+FA11, U+FA13-FA14, U+FA1F, U+FA21, U+FA23, U+FA24, U+FA27-FA29, U+3040-309F, U+30A0-30FF, U+3099-309E, U+FF66-FF9F, U+3007, U+31C0-31E3, U+2F00-2FD5, U+2E80-2EF3;
-  font-family: "Han Heiti CNS";
-  src: local(YuGothic), local("Hiragino Kaku Gothic ProN"), local("Hiragino Kaku Gothic Pro");
+  src: local(".PingFang TC Light"), local(".PingFang-TC-Light"), local(".PingFang TC"), local("Heiti TC Light"), local(STHeitiTC-Light), local("Heiti TC"), local("Lantinghei TC Extralight"), local(FZLTXHB--B51-0), local("Lantinghei TC"), local("Microsoft Jhenghei"), local("Microsoft Yahei"), local("Noto Sans CJK TC"), local("Source Han Sans TC"), local("Source Han Sans TW"), local("Source Han Sans TWHK"), local("Source Han Sans HK"), local("Droid Sans Fallback");
 }
 
 @font-face {
   font-family: "Han Heiti GB";
-  src: local("Hiragino Sans GB"), local("Lantinghei SC"), local("Heiti SC"), local("Microsoft Yahei"), local("Droid Sans Fallback");
+  src: local("Hiragino Sans GB"), local(".PingFang SC Light"), local(".PingFang-SC-Light"), local(".PingFang SC"), local("Lantinghei SC Extralight"), local(FZLTXHK--GBK1-0), local("Lantinghei SC"), local("Heiti SC Light"), local(STHeitiSC-Light), local("Heiti SC"), local("Microsoft Yahei"), local("Noto Sans CJK SC"), local("Source Han Sans SC"), local("Source Han Sans CN"), local("Droid Sans Fallback");
 }
 
-/* Bold
+/*
+ * Bold
  */
 @font-face {
   font-family: "Han Heiti";
   font-weight: 600;
-  src: local("Hiragino Sans GB W6"), local(HiraginoSansGB-W6), local("Lantinghei TC Demibold"), local("Lantinghei SC Demibold"), local(FZLTXHB--B51-0), local(FZLTZHK--GBK1-0), local("Heiti SC Medium"), local("Heiti TC Medium"), local(STHeitiSC-Medium), local(STHeitiTC-Medium), local("Microsoft YaHei Bold"), local("Microsoft Jhenghei Bold"), local(MicrosoftYaHei-Bold), local(MicrosoftJhengHeiBold);
+  src: local("Hiragino Sans GB W6"), local(HiraginoSansGB-W6), local("Lantinghei TC Demibold"), local("Lantinghei SC Demibold"), local(FZLTZHB--B51-0), local(FZLTZHK--GBK1-0), local(".PingFang-SC-Semibold"), local(".PingFang-TC-Semibold"), local("Heiti SC Medium"), local("STHeitiSC-Medium"), local("Heiti SC"), local("Heiti TC Medium"), local("STHeitiTC-Medium"), local("Heiti TC"), local("Microsoft YaHei Bold"), local("Microsoft Jhenghei Bold"), local(MicrosoftYaHei-Bold), local(MicrosoftJhengHeiBold), local("Microsoft YaHei"), local("Microsoft Jhenghei"), local("Noto Sans CJK KR Bold"), local("Noto Sans CJK JP Bold"), local("Noto Sans CJK SC Bold"), local("Noto Sans CJK TC Bold"), local(NotoSansCJKkr-Bold), local(NotoSansCJKjp-Bold), local(NotoSansCJKsc-Bold), local(NotoSansCJKtc-Bold), local("Source Han Sans K Bold"), local(SourceHanSansK-Bold), local("Source Han Sans K"), local("Source Han Sans KR Bold"), local("Source Han Sans JP Bold"), local("Source Han Sans CN Bold"), local("Source Han Sans HK Bold"), local("Source Han Sans TW Bold"), local("Source Han Sans TWHK Bold"), local("SourceHanSansKR-Bold"), local("SourceHanSansJP-Bold"), local("SourceHanSansCN-Bold"), local("SourceHanSansHK-Bold"), local("SourceHanSansTW-Bold"), local("SourceHanSansTWHK-Bold"), local("Source Han Sans KR"), local("Source Han Sans CN"), local("Source Han Sans HK"), local("Source Han Sans TW"), local("Source Han Sans TWHK");
 }
 
 @font-face {
@@ -927,20 +1012,13 @@ h-word {
 @font-face {
   font-family: "Han Heiti CNS";
   font-weight: 600;
-  src: local("Hiragino Sans GB W6"), local(HiraginoSansGB-W6), local("Lantinghei TC Demibold"), local("Heiti TC Medium"), local("Microsoft Jhenghei Bold"), local(FZLTXHB--B51-0), local(STHeitiTC-Medium), local(MicrosoftJhengHeiBold), local("Lantinghei SC Demibold"), local("Microsoft YaHei Bold"), local("Heiti SC Medium"), local(FZLTZHK--GBK1-0), local(STHeitiSC-Medium), local(MicrosoftYaHei-Bold);
-}
-
-@font-face {
-  unicode-range: U+4E00-9FFF, U+3400-4DB5, U+20000-2A6D6, U+2A700-2B734, U+2B740-2B81D, U+FA0E-FA0F, U+FA11, U+FA13-FA14, U+FA1F, U+FA21, U+FA23, U+FA24, U+FA27-FA29, U+3040-309F, U+30A0-30FF, U+3099-309E, U+FF66-FF9F, U+3007, U+31C0-31E3, U+2F00-2FD5, U+2E80-2EF3;
-  font-family: "Han Heiti CNS";
-  font-weight: 600;
-  src: local("YuGothic Bold"), local(YuGo-Bold), local("Hiragino Kaku Gothic ProN W6"), local("Hiragino Kaku Gothic Pro W6"), local(HiraKakuProN-W6), local(HiraKakuPro-W6);
+  src: local(".PingFang TC Semibold"), local(".PingFang-TC-Semibold"), local("Heiti TC Medium"), local("STHeitiTC-Medium"), local("Heiti TC"), local("Lantinghei TC Demibold"), local(FZLTXHB--B51-0), local("Microsoft Jhenghei Bold"), local(MicrosoftJhengHeiBold), local("Microsoft Jhenghei"), local("Microsoft YaHei Bold"), local(MicrosoftYaHei-Bold), local("Noto Sans CJK TC Bold"), local(NotoSansCJKtc-Bold), local("Noto Sans CJK TC"), local("Source Han Sans TC Bold"), local("SourceHanSansTC-Bold"), local("Source Han Sans TC"), local("Source Han Sans TW Bold"), local("SourceHanSans-TW"), local("Source Han Sans TW"), local("Source Han Sans TWHK Bold"), local("SourceHanSans-TWHK"), local("Source Han Sans TWHK"), local("Source Han Sans HK"), local("SourceHanSans-HK"), local("Source Han Sans HK");
 }
 
 @font-face {
   font-family: "Han Heiti GB";
   font-weight: 600;
-  src: local("Hiragino Sans GB W6"), local(HiraginoSansGB-W6), local("Lantinghei SC Demibold"), local("Microsoft YaHei Bold"), local("Heiti SC Medium"), local(FZLTZHK--GBK1-0), local(STHeitiSC-Medium), local(MicrosoftYaHei-Bold);
+  src: local("Hiragino Sans GB W6"), local(HiraginoSansGB-W6), local(".PingFang SC Semibold"), local(".PingFang-SC-Semibold"), local("Lantinghei SC Demibold"), local(FZLTZHK--GBK1-0), local("Heiti SC Medium"), local("STHeitiSC-Medium"), local("Heiti SC"), local("Microsoft YaHei Bold"), local(MicrosoftYaHei-Bold), local("Microsoft YaHei"), local("Noto Sans CJK SC Bold"), local(NotoSansCJKsc-Bold), local("Noto Sans CJK SC"), local("Source Han Sans SC Bold"), local("SourceHanSansSC-Bold"), local("Source Han Sans CN Bold"), local("SourceHanSansCN-Bold"), local("Source Han Sans SC"), local("Source Han Sans CN");
 }
 
 /* Address solution to `unicode-range` unsupported
@@ -948,33 +1026,14 @@ h-word {
  */
 @font-face {
   font-family: "Han Heiti";
-  src: local("Hiragino Sans GB"), local("Lantinghei TC"), local("Lantinghei SC"), local("Heiti SC"), local("Heiti TC"), local("Microsoft Yahei"), local("Microsoft Jhenghei"), local("Droid Sans Fallback");
+  src: local("Hiragino Sans GB"), local("Lantinghei TC Extralight"), local("Lantinghei SC Extralight"), local(FZLTXHB--B51-0), local(FZLTZHK--GBK1-0), local(".PingFang SC Light"), local(".PingFang TC Light"), local(".PingFang-SC-Light"), local(".PingFang-TC-Light"), local(".PingFang SC"), local(".PingFang TC"), local("Heiti SC Light"), local("STHeitiSC-Light"), local("Heiti SC"), local("Heiti TC Light"), local("STHeitiTC-Light"), local("Heiti TC"), local("Microsoft Yahei"), local("Microsoft Jhenghei"), local("Noto Sans CJK KR"), local("Noto Sans CJK JP"), local("Noto Sans CJK SC"), local("Noto Sans CJK TC"), local("Source Han Sans K"), local("Source Han Sans KR"), local("Source Han Sans JP"), local("Source Han Sans CN"), local("Source Han Sans HK"), local("Source Han Sans TW"), local("Source Han Sans TWHK"), local("Droid Sans Fallback");
   unicode-range: U+270C;
 }
 
 @font-face {
   font-family: "Han Heiti";
   font-weight: 600;
-  src: local("Hiragino Sans GB W6"), local(HiraginoSansGB-W6), local("Lantinghei TC Demibold"), local("Lantinghei SC Demibold"), local(FZLTXHB--B51-0), local(FZLTZHK--GBK1-0), local("Heiti SC Medium"), local("Heiti TC Medium"), local(STHeitiSC-Medium), local(STHeitiTC-Medium), local("Microsoft YaHei Bold"), local("Microsoft Jhenghei Bold"), local(MicrosoftYaHei-Bold), local(MicrosoftJhengHeiBold);
-  unicode-range: U+270C;
-}
-
-@font-face {
-  font-family: "Han Heiti CNS";
-  src: local("Hiragino Sans GB"), local("Lantinghei TC"), local("Heiti TC"), local("Microsoft Jhenghei"), local("Heiti SC"), local("Lantinghei SC"), local("Microsoft Yahei"), local("Droid Sans Fallback");
-  unicode-range: U+270C;
-}
-
-@font-face {
-  font-family: "Han Heiti CNS";
-  font-weight: 600;
-  src: local("Hiragino Sans GB W6"), local(HiraginoSansGB-W6), local("Lantinghei TC Demibold"), local("Heiti TC Medium"), local("Microsoft Jhenghei Bold"), local(FZLTXHB--B51-0), local(STHeitiTC-Medium), local(MicrosoftJhengHeiBold), local("Lantinghei SC Demibold"), local("Heiti SC Medium"), local("Microsoft YaHei Bold"), local(FZLTZHK--GBK1-0), local(STHeitiSC-Medium), local(MicrosoftYaHei-Bold);
-  unicode-range: U+270C;
-}
-
-@font-face {
-  font-family: "Han Heiti GB";
-  src: local("Hiragino Sans GB"), local("Lantinghei SC"), local("Heiti SC"), local("Microsoft Yahei"), local("Droid Sans Fallback");
+  src: local("Hiragino Sans GB W6"), local(HiraginoSansGB-W6), local("Lantinghei TC Demibold"), local("Lantinghei SC Demibold"), local(FZLTZHB--B51-0), local(FZLTZHK--GBK1-0), local(".PingFang-SC-Semibold"), local(".PingFang-TC-Semibold"), local("Heiti SC Medium"), local("STHeitiSC-Medium"), local("Heiti SC"), local("Heiti TC Medium"), local("STHeitiTC-Medium"), local("Heiti TC"), local("Microsoft YaHei Bold"), local("Microsoft Jhenghei Bold"), local(MicrosoftYaHei-Bold), local(MicrosoftJhengHeiBold), local("Microsoft YaHei"), local("Microsoft Jhenghei"), local("Noto Sans CJK KR Bold"), local("Noto Sans CJK JP Bold"), local("Noto Sans CJK SC Bold"), local("Noto Sans CJK TC Bold"), local(NotoSansCJKkr-Bold), local(NotoSansCJKjp-Bold), local(NotoSansCJKsc-Bold), local(NotoSansCJKtc-Bold), local("Source Han Sans K Bold"), local(SourceHanSansK-Bold), local("Source Han Sans K"), local("Source Han Sans KR Bold"), local("Source Han Sans JP Bold"), local("Source Han Sans CN Bold"), local("Source Han Sans HK Bold"), local("Source Han Sans TW Bold"), local("Source Han Sans TWHK Bold"), local("SourceHanSansKR-Bold"), local("SourceHanSansJP-Bold"), local("SourceHanSansCN-Bold"), local("SourceHanSansHK-Bold"), local("SourceHanSansTW-Bold"), local("SourceHanSansTWHK-Bold"), local("Source Han Sans KR"), local("Source Han Sans CN"), local("Source Han Sans HK"), local("Source Han Sans TW"), local("Source Han Sans TWHK");
   unicode-range: U+270C;
 }
 
@@ -984,7 +1043,7 @@ h-word {
  */
 @font-face {
   font-family: "Han Songti";
-  src: local("Songti SC"), local("Songti TC"), local(STSong), local("Lisong Pro"), local(SimSun), local(PMingLiU);
+  src: local("Songti SC Regular"), local(STSongti-SC-Regular), local("Songti SC"), local("Songti TC Regular"), local(STSongti-TC-Regular), local("Songti TC"), local(STSong), local("Lisong Pro"), local(SimSun), local(PMingLiU);
 }
 
 @font-face {
@@ -995,52 +1054,40 @@ h-word {
 
 @font-face {
   font-family: "Han Songti CNS";
-  src: local("Songti TC"), local("Lisong Pro"), local("Songti SC"), local(STSong), local(PMingLiU), local(SimSun);
-}
-
-@font-face {
-  unicode-range: U+4E00-9FFF, U+3400-4DB5, U+20000-2A6D6, U+2A700-2B734, U+2B740-2B81D, U+FA0E-FA0F, U+FA11, U+FA13-FA14, U+FA1F, U+FA21, U+FA23, U+FA24, U+FA27-FA29, U+3040-309F, U+30A0-30FF, U+3099-309E, U+FF66-FF9F, U+3007, U+31C0-31E3, U+2F00-2FD5, U+2E80-2EF3;
-  font-family: "Han Songti CNS";
-  src: local(YuMincho), local("Hiragino Mincho ProN"), local("Hiragino Mincho Pro");
+  src: local("Songti TC Regular"), local(STSongti-TC-Regular), local("Songti TC"), local("Lisong Pro"), local("Songti SC Regular"), local(STSongti-SC-Regular), local("Songti SC"), local(STSong), local(PMingLiU), local(SimSun);
 }
 
 @font-face {
   font-family: "Han Songti GB";
-  src: local("Songti SC"), local(STSong), local(SimSun), local(PMingLiU);
+  src: local("Songti SC Regular"), local(STSongti-SC-Regular), local("Songti SC"), local(STSong), local(SimSun), local(PMingLiU);
 }
 
-/* Bold
+/* 
+ * Bold
  */
 @font-face {
   font-family: "Han Songti";
   font-weight: 600;
-  src: local("STSongti SC Bold"), local("STSongti TC Bold"), local(STSongti-SC-Bold), local(STSongti-TC-Bold);
+  src: local("STSongti SC Bold"), local("STSongti TC Bold"), local(STSongti-SC-Bold), local(STSongti-TC-Bold), local("STSongti SC"), local("STSongti TC");
 }
 
 @font-face {
   unicode-range: U+4E00-9FFF, U+3400-4DB5, U+20000-2A6D6, U+2A700-2B734, U+2B740-2B81D, U+FA0E-FA0F, U+FA11, U+FA13-FA14, U+FA1F, U+FA21, U+FA23, U+FA24, U+FA27-FA29, U+3040-309F, U+30A0-30FF, U+3099-309E, U+FF66-FF9F, U+3007, U+31C0-31E3, U+2F00-2FD5, U+2E80-2EF3;
   font-family: "Han Songti";
   font-weight: 600;
-  src: local("YuMincho Demibold"), local("Hiragino Mincho ProN W6"), local("Hiragino Mincho Pro W6"), local(YuMin-Demibold), local(HiraMinProN-W6), local(HiraMinPro-W6);
+  src: local("YuMincho Demibold"), local("Hiragino Mincho ProN W6"), local("Hiragino Mincho Pro W6"), local(YuMin-Demibold), local(HiraMinProN-W6), local(HiraMinPro-W6), local(YuMincho), local("Hiragino Mincho ProN"), local("Hiragino Mincho Pro");
 }
 
 @font-face {
   font-family: "Han Songti CNS";
   font-weight: 600;
-  src: local("STSongti TC Bold"), local("STSongti SC Bold"), local(STSongti-TC-Bold), local(STSongti-SC-Bold);
-}
-
-@font-face {
-  unicode-range: U+4E00-9FFF, U+3400-4DB5, U+20000-2A6D6, U+2A700-2B734, U+2B740-2B81D, U+FA0E-FA0F, U+FA11, U+FA13-FA14, U+FA1F, U+FA21, U+FA23, U+FA24, U+FA27-FA29, U+3040-309F, U+30A0-30FF, U+3099-309E, U+FF66-FF9F, U+3007, U+31C0-31E3, U+2F00-2FD5, U+2E80-2EF3;
-  font-family: "Han Songti CNS";
-  font-weight: 600;
-  src: local("YuMincho Demibold"), local("Hiragino Mincho ProN W6"), local("Hiragino Mincho Pro W6"), local(YuMin-Demibold), local(HiraMinProN-W6), local(HiraMinPro-W6);
+  src: local("STSongti TC Bold"), local("STSongti SC Bold"), local(STSongti-TC-Bold), local(STSongti-SC-Bold), local("STSongti TC"), local("STSongti SC");
 }
 
 @font-face {
   font-family: "Han Songti GB";
   font-weight: 600;
-  src: local("STSongti SC Bold"), local(STSongti-SC-Bold);
+  src: local("STSongti SC Bold"), local(STSongti-SC-Bold), local("STSongti SC");
 }
 
 /* Address solution to `unicode-range` unsupported
@@ -1048,27 +1095,27 @@ h-word {
  */
 @font-face {
   font-family: "Han Songti";
-  src: local("Songti SC"), local("Songti TC"), local(STSongti), local("Lisong Pro"), local("MS Mincho"), local(SimSun), local(PMingLiU);
+  src: local("Songti SC Regular"), local(STSongti-SC-Regular), local("Songti SC"), local("Songti TC Regular"), local(STSongti-TC-Regular), local("Songti TC"), local(STSongti), local("Lisong Pro"), local("MS Mincho"), local(SimSun), local(PMingLiU);
   unicode-range: U+270C;
 }
 
 @font-face {
   font-family: "Han Songti";
   font-weight: 600;
-  src: local("STSongti TC Bold"), local("STSongti SC Bold"), local(STSongti-TC-Bold), local(STSongti-SC-Bold);
+  src: local("Songti TC Bold"), local("Songti SC Bold"), local(STSongti-TC-Bold), local(STSongti-SC-Bold), local("Songti TC"), local("Songti SC");
   unicode-range: U+270C;
 }
 
 @font-face {
   font-family: "Han Songti CNS";
-  src: local("Songti TC"), local("Lisong Pro"), local("Songti SC"), local(STSong), local("MS Mincho"), local(PMingLiU), local(SimSun);
+  src: local("Songti TC Regular"), local("Lisong Pro"), local("Songti TC"), local("Songti SC Regular"), local(STSong), local("Songti SC"), local("MS Mincho"), local(PMingLiU), local(SimSun);
   unicode-range: U+270C;
 }
 
 @font-face {
   font-family: "Han Songti CNS";
   font-weight: 600;
-  src: local("STSongti TC Bold"), local("STSongti SC Bold"), local(STSongti-TC-Bold), local(STSongti-SC-Bold);
+  src: local("Songti TC Bold"), local("Songti SC Bold"), local(STSongti-TC-Bold), local(STSongti-SC-Bold), local("Songti TC"), local("Songti SC");
   unicode-range: U+270C;
 }
 
@@ -1078,45 +1125,53 @@ h-word {
   unicode-range: U+270C;
 }
 
+@font-face {
+  font-family: "Han Songti GB";
+  font-weight: 600;
+  src: local("Songti SC Bold"), local(STSongti-SC-Bold), local("Songti SC");
+  unicode-range: U+270C;
+}
+
 /**
  * The Four Typefaces: Kaiti (Cursive)
  * 四大字體集・楷體
  */
 @font-face {
   font-family: cursive;
-  src: local("Kaiti SC"), local(STKaiti), local(BiauKai), local("標楷體"), local(DFKaiShu-SB-Estd-BF), local(Kaiti), local(DFKai-SB);
+  src: local("Kaiti TC Regular"), local(STKaiTi-TC-Regular), local("Kaiti TC"), local("Kaiti SC"), local(STKaiti), local(BiauKai), local("標楷體"), local(DFKaiShu-SB-Estd-BF), local(Kaiti), local(DFKai-SB);
 }
 
 @font-face {
   unicode-range: U+4E00-9FFF, U+3400-4DB5, U+20000-2A6D6, U+2A700-2B734, U+2B740-2B81D, U+FA0E-FA0F, U+FA11, U+FA13-FA14, U+FA1F, U+FA21, U+FA23, U+FA24, U+FA27-FA29, U+3040-309F, U+30A0-30FF, U+3099-309E, U+FF66-FF9F, U+3007, U+31C0-31E3, U+2F00-2FD5, U+2E80-2EF3;
   font-family: "Han Kaiti";
-  src: local("Kaiti SC"), local(STKaiti), local(BiauKai), local("標楷體"), local(DFKaiShu-SB-Estd-BF), local(Kaiti), local(DFKai-SB);
+  src: local("Kaiti TC Regular"), local(STKaiTi-TC-Regular), local("Kaiti TC"), local("Kaiti SC"), local(STKaiti), local(BiauKai), local("標楷體"), local(DFKaiShu-SB-Estd-BF), local(Kaiti), local(DFKai-SB);
 }
 
 @font-face {
   unicode-range: U+4E00-9FFF, U+3400-4DB5, U+20000-2A6D6, U+2A700-2B734, U+2B740-2B81D, U+FA0E-FA0F, U+FA11, U+FA13-FA14, U+FA1F, U+FA21, U+FA23, U+FA24, U+FA27-FA29, U+3040-309F, U+30A0-30FF, U+3099-309E, U+FF66-FF9F, U+3007, U+31C0-31E3, U+2F00-2FD5, U+2E80-2EF3;
   font-family: "Han Kaiti CNS";
-  src: local(BiauKai), local("標楷體"), local(DFKaiShu-SB-Estd-BF);
+  src: local(BiauKai), local("標楷體"), local(DFKaiShu-SB-Estd-BF), local("Kaiti TC Regular"), local(STKaiTi-TC-Regular), local("Kaiti TC");
 }
 
 @font-face {
   unicode-range: U+4E00-9FFF, U+3400-4DB5, U+20000-2A6D6, U+2A700-2B734, U+2B740-2B81D, U+FA0E-FA0F, U+FA11, U+FA13-FA14, U+FA1F, U+FA21, U+FA23, U+FA24, U+FA27-FA29, U+3040-309F, U+30A0-30FF, U+3099-309E, U+FF66-FF9F, U+3007, U+31C0-31E3, U+2F00-2FD5, U+2E80-2EF3;
   font-family: "Han Kaiti GB";
-  src: local("Kaiti SC"), local(STKaiti), local(Kai), local(Kaiti), local(DFKai-SB);
+  src: local("Kaiti SC Regular"), local(STKaiTi-SC-Regular), local("Kaiti SC"), local(STKaiti), local(Kai), local(Kaiti), local(DFKai-SB);
 }
 
-/* Bold
+/*
+ * Bold
  */
 @font-face {
   font-family: cursive;
   font-weight: 600;
-  src: local("Kaiti SC Bold"), local(STKaiti-SC-Bold);
+  src: local("Kaiti TC Bold"), local(STKaiTi-TC-Bold), local("Kaiti SC Bold"), local(STKaiti-SC-Bold), local("Kaiti TC"), local("Kaiti SC");
 }
 
 @font-face {
   font-family: "Han Kaiti";
   font-weight: 600;
-  src: local("Kaiti SC Bold"), local(STKaiti-SC-Bold);
+  src: local("Kaiti TC Bold"), local(STKaiTi-TC-Bold "),\a     local(" Kaiti SC Bold "),\a     local(STKaiti-SC-Bold),\a     local(" Kaiti TC "),\a     local(" Kaiti SC ")\a   ;\a }\a \a // 2\a @font-face {\a   font-family: " Han Kaiti CNS ";\a   font-weight: 600;\a   src:\a     local(" Kaiti TC Bold "),\a     local(STKaiTi-TC-Bold"), local("Kaiti TC");
 }
 
 @font-face {
@@ -1512,37 +1567,37 @@ h-word {
 
 @font-face {
   font-family: "Biaodian Pro Sans";
-  src: local("Hiragino Kaku Gothic ProN"), local("Hiragino Kaku Gothic Pro"), local(SimSun), local(PMingLiU);
+  src: local("Hiragino Kaku Gothic ProN"), local("Hiragino Kaku Gothic Pro"), local("Yu Gothic"), local(YuGothic), local(SimSun), local(PMingLiU);
   unicode-range: U+300C-300F, U+300A-300B, U+3008-3009, U+FF08-FF09, U+3014-3015;
 }
 
 @font-face {
   font-family: "Biaodian Pro Serif";
-  src: local("Hiragino Mincho ProN"), local("Hiragino Mincho Pro"), local(SimSun);
+  src: local("Hiragino Mincho ProN"), local("Hiragino Mincho Pro"), local("Yu Mincho"), local(YuMincho), local(SimSun), local(PMingLiU);
   unicode-range: U+300C-300F, U+300A-300B, U+3008-3009, U+FF08-FF09, U+3014-3015;
 }
 
 @font-face {
   font-family: "Biaodian Pro Sans CNS";
-  src: local("Hiragino Kaku Gothic ProN"), local("Hiragino Kaku Gothic Pro"), local(SimSun), local(PMingLiU);
+  src: local("Hiragino Kaku Gothic ProN"), local("Hiragino Kaku Gothic Pro"), local("Yu Gothic"), local(YuGothic), local(SimSun), local(PMingLiU);
   unicode-range: U+300C-300F, U+300A-300B, U+3008-3009, U+FF08-FF09, U+3014-3015;
 }
 
 @font-face {
   font-family: "Biaodian Pro Serif CNS";
-  src: local("Hiragino Mincho ProN"), local("Hiragino Mincho Pro"), local(SimSun);
+  src: local("Hiragino Mincho ProN"), local("Hiragino Mincho Pro"), local("Yu Mincho"), local(YuMincho), local(SimSun), local(PMingLiU);
   unicode-range: U+300C-300F, U+300A-300B, U+3008-3009, U+FF08-FF09, U+3014-3015;
 }
 
 @font-face {
   font-family: "Biaodian Pro Sans GB";
-  src: local("Hiragino Kaku Gothic ProN"), local("Hiragino Kaku Gothic Pro"), local(SimSun), local(PMingLiU);
+  src: local("Hiragino Kaku Gothic ProN"), local("Hiragino Kaku Gothic Pro"), local("Yu Gothic"), local(YuGothic), local(SimSun), local(PMingLiU);
   unicode-range: U+300C-300F, U+300A-300B, U+3008-3009, U+FF08-FF09, U+3014-3015;
 }
 
 @font-face {
   font-family: "Biaodian Pro Serif GB";
-  src: local("Hiragino Mincho ProN"), local("Hiragino Mincho Pro"), local(SimSun);
+  src: local("Hiragino Mincho ProN"), local("Hiragino Mincho Pro"), local("Yu Mincho"), local(YuMincho), local(SimSun), local(PMingLiU);
   unicode-range: U+300C-300F, U+300A-300B, U+3008-3009, U+FF08-FF09, U+3014-3015;
 }
 
@@ -1618,230 +1673,6 @@ h-word {
   unicode-range: U+2014, U+2026, U+00B7;
 }
 
-@font-face {
-  font-family: "Biaodian Sans";
-  src: local("Helvetica Neue"), local(Helvetica), local(Arial);
-  unicode-range: U+270C;
-}
-
-@font-face {
-  font-family: "Biaodian Sans";
-  font-weight: bold;
-  src: local("Helvetica Neue Bold"), local("Helvetica Bold"), local("Arial Bold");
-  unicode-range: U+270C;
-}
-
-@font-face {
-  font-family: "Biaodian Sans";
-  font-style: italic;
-  src: local("Helvetica Neue Italic"), local("Helvetica Oblique"), local("Arial Italic");
-  unicode-range: U+270C;
-}
-
-@font-face {
-  font-family: "Biaodian Sans";
-  font-style: italic;
-  font-weight: bold;
-  src: local("Helvetica Neue Bold Italic"), local("Helvetica Bold Oblique"), local("Arial Bold Italic");
-  unicode-range: U+270C;
-}
-
-@font-face {
-  font-family: "Biaodian Pro Sans";
-  src: local("Helvetica Neue"), local(Helvetica), local(Arial);
-  unicode-range: U+270C;
-}
-
-@font-face {
-  font-family: "Biaodian Pro Sans";
-  font-weight: bold;
-  src: local("Helvetica Neue Bold"), local("Helvetica Bold"), local("Arial Bold");
-  unicode-range: U+270C;
-}
-
-@font-face {
-  font-family: "Biaodian Pro Sans";
-  font-style: italic;
-  src: local("Helvetica Neue Italic"), local("Helvetica Oblique"), local("Arial Italic");
-  unicode-range: U+270C;
-}
-
-@font-face {
-  font-family: "Biaodian Pro Sans";
-  font-style: italic;
-  font-weight: bold;
-  src: local("Helvetica Neue Bold Italic"), local("Helvetica Bold Oblique"), local("Arial Bold Italic");
-  unicode-range: U+270C;
-}
-
-@font-face {
-  font-family: "Biaodian Pro Sans CNS";
-  src: local("Helvetica Neue"), local(Helvetica), local(Arial);
-  unicode-range: U+270C;
-}
-
-@font-face {
-  font-family: "Biaodian Pro Sans CNS";
-  font-weight: bold;
-  src: local("Helvetica Neue Bold"), local("Helvetica Bold"), local("Arial Bold");
-  unicode-range: U+270C;
-}
-
-@font-face {
-  font-family: "Biaodian Pro Sans CNS";
-  font-style: italic;
-  src: local("Helvetica Neue Italic"), local("Helvetica Oblique"), local("Arial Italic");
-  unicode-range: U+270C;
-}
-
-@font-face {
-  font-family: "Biaodian Pro Sans CNS";
-  font-style: italic;
-  font-weight: bold;
-  src: local("Helvetica Neue Bold Italic"), local("Helvetica Bold Oblique"), local("Arial Bold Italic");
-  unicode-range: U+270C;
-}
-
-@font-face {
-  font-family: "Biaodian Pro Sans GB";
-  src: local("Helvetica Neue"), local(Helvetica), local(Arial);
-  unicode-range: U+270C;
-}
-
-@font-face {
-  font-family: "Biaodian Pro Sans GB";
-  font-weight: bold;
-  src: local("Helvetica Neue Bold"), local("Helvetica Bold"), local("Arial Bold");
-  unicode-range: U+270C;
-}
-
-@font-face {
-  font-family: "Biaodian Pro Sans GB";
-  font-style: italic;
-  src: local("Helvetica Neue Italic"), local("Helvetica Oblique"), local("Arial Italic");
-  unicode-range: U+270C;
-}
-
-@font-face {
-  font-family: "Biaodian Pro Sans GB";
-  font-style: italic;
-  font-weight: bold;
-  src: local("Helvetica Neue Bold Italic"), local("Helvetica Bold Oblique"), local("Arial Bold Italic");
-  unicode-range: U+270C;
-}
-
-@font-face {
-  font-family: "Biaodian Serif";
-  src: local(Georgia), local("Times New Roman");
-  unicode-range: U+270C;
-}
-
-@font-face {
-  font-family: "Biaodian Serif";
-  font-weight: bold;
-  src: local("Georgia Bold"), local("Times New Roman Bold");
-  unicode-range: U+270C;
-}
-
-@font-face {
-  font-family: "Biaodian Serif";
-  font-style: italic;
-  src: local("Georgia Italic"), local("Times New Roman Italic");
-  unicode-range: U+270C;
-}
-
-@font-face {
-  font-family: "Biaodian Serif";
-  font-style: italic;
-  font-weight: bold;
-  src: local("Georgia Bold Italic"), local("Times New Roman Bold Italic");
-  unicode-range: U+270C;
-}
-
-@font-face {
-  font-family: "Biaodian Pro Serif";
-  src: local(Georgia), local("Times New Roman");
-  unicode-range: U+270C;
-}
-
-@font-face {
-  font-family: "Biaodian Pro Serif";
-  font-weight: bold;
-  src: local("Georgia Bold"), local("Times New Roman Bold");
-  unicode-range: U+270C;
-}
-
-@font-face {
-  font-family: "Biaodian Pro Serif";
-  font-style: italic;
-  src: local("Georgia Italic"), local("Times New Roman Italic");
-  unicode-range: U+270C;
-}
-
-@font-face {
-  font-family: "Biaodian Pro Serif";
-  font-style: italic;
-  font-weight: bold;
-  src: local("Georgia Bold Italic"), local("Times New Roman Bold Italic");
-  unicode-range: U+270C;
-}
-
-@font-face {
-  font-family: "Biaodian Pro Serif CNS";
-  src: local(Georgia), local("Times New Roman");
-  unicode-range: U+270C;
-}
-
-@font-face {
-  font-family: "Biaodian Pro Serif CNS";
-  font-weight: bold;
-  src: local("Georgia Bold"), local("Times New Roman Bold");
-  unicode-range: U+270C;
-}
-
-@font-face {
-  font-family: "Biaodian Pro Serif CNS";
-  font-style: italic;
-  src: local("Georgia Italic"), local("Times New Roman Italic");
-  unicode-range: U+270C;
-}
-
-@font-face {
-  font-family: "Biaodian Pro Serif CNS";
-  font-style: italic;
-  font-weight: bold;
-  src: local("Georgia Bold Italic"), local("Times New Roman Bold Italic");
-  unicode-range: U+270C;
-}
-
-@font-face {
-  font-family: "Biaodian Pro Serif GB";
-  src: local(Georgia), local("Times New Roman");
-  unicode-range: U+270C;
-}
-
-@font-face {
-  font-family: "Biaodian Pro Serif GB";
-  font-weight: bold;
-  src: local("Georgia Bold"), local("Times New Roman Bold");
-  unicode-range: U+270C;
-}
-
-@font-face {
-  font-family: "Biaodian Pro Serif GB";
-  font-style: italic;
-  src: local("Georgia Italic"), local("Times New Roman Italic");
-  unicode-range: U+270C;
-}
-
-@font-face {
-  font-family: "Biaodian Pro Serif GB";
-  font-style: italic;
-  font-weight: bold;
-  src: local("Georgia Bold Italic"), local("Times New Roman Bold Italic");
-  unicode-range: U+270C;
-}
-
 /**
  * Western Italic Serif
  */
@@ -2021,34 +1852,6 @@ h-word {
   unicode-range: U+02D9, U+02CA, U+02C5, U+02C7, U+02CB, U+02EA-02EB, U+31B4, U+31B5, U+31B6, U+31B7, U+030D, U+0358, U+F31B4-F31B7, U+F0061, U+F0065, U+F0069, U+F006F, U+F0075;
 }
 
-@font-face {
-  font-family: "Zhuyin Heiti";
-  src: local("Helvetica Neue"), local(Helvetica), local(Arial);
-  unicode-range: U+270C;
-}
-
-@font-face {
-  font-family: "Zhuyin Heiti";
-  font-weight: bold;
-  src: local("Helvetica Neue Bold"), local("Helvetica Bold"), local("Arial Bold");
-  unicode-range: U+270C;
-}
-
-@font-face {
-  font-family: "Zhuyin Heiti";
-  font-style: italic;
-  src: local("Helvetica Neue Italic"), local("Helvetica Oblique"), local("Arial Italic");
-  unicode-range: U+270C;
-}
-
-@font-face {
-  font-family: "Zhuyin Heiti";
-  font-style: italic;
-  font-weight: bold;
-  src: local("Helvetica Neue Bold Italic"), local("Helvetica Bold Oblique"), local("Arial Bold Italic");
-  unicode-range: U+270C;
-}
-
 /**
  * Romanisation (checked tone ligature [陽入韻連字])
  */
@@ -2084,6 +1887,17 @@ article strong:lang(zh-Hant) {
   font-family: "Biaodian Pro Sans CNS", "Helvetica Neue", Helvetica, Arial, "Zhuyin Heiti", "Han Heiti", sans-serif;
 }
 
+html.no-unicoderange:lang(zh),
+html.no-unicoderange:lang(zh-Hant),
+.no-unicoderange [lang^="zh"],
+.no-unicoderange [lang*="Hant"],
+.no-unicoderange [lang="zh-TW"],
+.no-unicoderange [lang="zh-HK"],
+.no-unicoderange article strong:lang(zh),
+.no-unicoderange article strong:lang(zh-Hant) {
+  font-family: "Helvetica Neue", Helvetica, Arial, "Han Heiti", sans-serif;
+}
+
 html:lang(zh-Hans),
 html:lang(zh-CN),
 [lang*="Hans"],
@@ -2093,12 +1907,27 @@ article strong:lang(zh-CN) {
   font-family: "Biaodian Pro Sans GB", "Helvetica Neue", Helvetica, Arial, "Han Heiti GB", sans-serif;
 }
 
+html.no-unicoderange:lang(zh-Hans),
+html.no-unicoderange:lang(zh-CN),
+.no-unicoderange [lang*="Hans"],
+.no-unicoderange [lang="zh-CN"],
+.no-unicoderange article strong:lang(zh-Hans),
+.no-unicoderange article strong:lang(zh-CN) {
+  font-family: "Helvetica Neue", Helvetica, Arial, "Han Heiti GB", sans-serif;
+}
+
 html:lang(ja),
 [lang^="ja"],
 article strong:lang(ja) {
   font-family: "Yakumono Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
 }
 
+html.no-unicoderange:lang(ja),
+.no-unicoderange [lang^="ja"],
+.no-unicoderange article strong:lang(ja) {
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+}
+
 /**
  * Sans Italic
  */
@@ -2124,6 +1953,20 @@ article blockquote var:lang(zh-Hant) {
   font-family: "Biaodian Pro Sans CNS", "Latin Italic Sans", "Helvetica Neue", Helvetica, Arial, "Zhuyin Heiti", "Han Heiti", sans-serif;
 }
 
+.no-unicoderange article blockquote i:lang(zh),
+.no-unicoderange article blockquote i:lang(zh-Hant),
+.no-unicoderange article blockquote var:lang(zh),
+.no-unicoderange article blockquote var:lang(zh-Hant) {
+  font-family: "Latin Italic Sans", "Helvetica Neue", Helvetica, Arial, "Han Heiti", sans-serif;
+}
+
+.no-unicoderange article blockquote i:lang(zh),
+.no-unicoderange article blockquote i:lang(zh-Hant),
+.no-unicoderange article blockquote var:lang(zh),
+.no-unicoderange article blockquote var:lang(zh-Hant) {
+  font-family: "Latin Italic Sans", "Helvetica Neue", Helvetica, Arial, "Han Heiti", sans-serif;
+}
+
 article blockquote i:lang(zh-Hans),
 article blockquote i:lang(zh-CN),
 article blockquote var:lang(zh-Hans),
@@ -2131,11 +1974,23 @@ article blockquote var:lang(zh-CN) {
   font-family: "Biaodian Pro Sans GB", "Latin Italic Sans", "Helvetica Neue", Helvetica, Arial, "Han Heiti GB", sans-serif;
 }
 
+.no-unicoderange article blockquote i:lang(zh-Hans),
+.no-unicoderange article blockquote i:lang(zh-CN),
+.no-unicoderange article blockquote var:lang(zh-Hans),
+.no-unicoderange article blockquote var:lang(zh-CN) {
+  font-family: "Latin Italic Sans", "Helvetica Neue", Helvetica, Arial, "Han Heiti GB", sans-serif;
+}
+
 article blockquote i:lang(ja),
 article blockquote var:lang(ja) {
   font-family: "Yakumono Sans", "Latin Italic Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
 }
 
+.no-unicoderange article blockquote i:lang(ja),
+.no-unicoderange article blockquote var:lang(ja) {
+  font-family: "Latin Italic Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
+}
+
 article figure blockquote:lang(zh-Latn),
 article figure blockquote:lang(ja-Latn),
 article figure blockquote:not(:lang(zh)):not(:lang(ja)),
@@ -2158,6 +2013,13 @@ figure blockquote:lang(zh-Hant) {
   font-family: "Biaodian Pro Serif CNS", "Numeral LF Serif", Georgia, "Times New Roman", "Zhuyin Kaiti", "Han Songti", serif;
 }
 
+.no-unicoderange article figure blockquote:lang(zh),
+.no-unicoderange article figure blockquote:lang(zh-Hant),
+.no-unicoderange figure blockquote:lang(zh),
+.no-unicoderange figure blockquote:lang(zh-Hant) {
+  font-family: "Numeral LF Serif", Georgia, "Times New Roman", "Han Songti", serif;
+}
+
 article figure blockquote:lang(zh-Hans),
 article figure blockquote:lang(zh-CN),
 figure blockquote:lang(zh-Hans),
@@ -2165,11 +2027,23 @@ figure blockquote:lang(zh-CN) {
   font-family: "Biaodian Pro Serif GB", "Numeral LF Serif", Georgia, "Times New Roman", "Han Songti GB", serif;
 }
 
+.no-unicoderange article figure blockquote:lang(zh-Hans),
+.no-unicoderange article figure blockquote:lang(zh-CN),
+.no-unicoderange figure blockquote:lang(zh-Hans),
+.no-unicoderange figure blockquote:lang(zh-CN) {
+  font-family: "Numeral LF Serif", Georgia, "Times New Roman", "Han Songti GB", serif;
+}
+
 article figure blockquote:lang(ja),
 figure blockquote:lang(ja) {
   font-family: "Yakumono Serif", "Numeral LF Serif", Georgia, "Times New Roman", serif;
 }
 
+.no-unicoderange article figure blockquote:lang(ja),
+.no-unicoderange figure blockquote:lang(ja) {
+  font-family: "Numeral LF Serif", Georgia, "Times New Roman", serif;
+}
+
 /**
  * Serif Italic
  */
@@ -2187,15 +2061,29 @@ article blockquote:lang(zh-Hant) {
   font-family: "Biaodian Pro Serif CNS", "Numeral LF Serif", Georgia, "Times New Roman", "Zhuyin Kaiti", "Han Kaiti", cursive, serif;
 }
 
+.no-unicoderange article blockquote:lang(zh),
+.no-unicoderange article blockquote:lang(zh-Hant) {
+  font-family: "Numeral LF Serif", Georgia, "Times New Roman", "Han Kaiti", cursive, serif;
+}
+
 article blockquote:lang(zh-Hans),
 article blockquote:lang(zh-CN) {
   font-family: "Biaodian Pro Serif GB", "Numeral LF Serif", Georgia, "Times New Roman", "Han Kaiti GB", cursive, serif;
 }
 
+.no-unicoderange article blockquote:lang(zh-Hans),
+.no-unicoderange article blockquote:lang(zh-CN) {
+  font-family: "Numeral LF Serif", Georgia, "Times New Roman", "Han Kaiti GB", cursive, serif;
+}
+
 article blockquote:lang(ja) {
   font-family: "Yakumono Serif", "Numeral LF Serif", Georgia, "Times New Roman", cursive, serif;
 }
 
+.no-unicoderange article blockquote:lang(ja) {
+  font-family: "Numeral LF Serif", Georgia, "Times New Roman", cursive, serif;
+}
+
 /**
  * Cursive Italic
  */
@@ -2221,6 +2109,13 @@ var:lang(zh-Hant) {
   font-family: "Biaodian Pro Serif CNS", "Numeral LF Italic Serif", "Latin Italic Serif", Georgia, "Times New Roman", "Zhuyin Kaiti", "Han Kaiti", cursive, serif;
 }
 
+.no-unicoderange i:lang(zh),
+.no-unicoderange i:lang(zh-Hant),
+.no-unicoderange var:lang(zh),
+.no-unicoderange var:lang(zh-Hant) {
+  font-family: "Numeral LF Italic Serif", "Latin Italic Serif", Georgia, "Times New Roman", "Han Kaiti", cursive, serif;
+}
+
 i:lang(zh-Hans),
 i:lang(zh-CN),
 var:lang(zh-Hans),
@@ -2228,11 +2123,23 @@ var:lang(zh-CN) {
   font-family: "Biaodian Pro Serif GB", "Numeral LF Italic Serif", "Latin Italic Serif", Georgia, "Times New Roman", "Han Kaiti GB", cursive, serif;
 }
 
+.no-unicoderange i:lang(zh-Hans),
+.no-unicoderange i:lang(zh-CN),
+.no-unicoderange var:lang(zh-Hans),
+.no-unicoderange var:lang(zh-CN) {
+  font-family: "Numeral LF Italic Serif", "Latin Italic Serif", Georgia, "Times New Roman", "Han Kaiti GB", cursive, serif;
+}
+
 i:lang(ja),
 var:lang(ja) {
   font-family: "Yakumono Serif", "Numeral LF Italic Serif", "Latin Italic Serif", Georgia, "Times New Roman", cursive, serif;
 }
 
+.no-unicoderange i:lang(ja),
+.no-unicoderange var:lang(ja) {
+  font-family: "Numeral LF Italic Serif", "Latin Italic Serif", Georgia, "Times New Roman", cursive, serif;
+}
+
 code:lang(zh-Latn),
 code:lang(ja-Latn),
 code:not(:lang(zh)):not(:lang(ja)),
@@ -2271,6 +2178,17 @@ pre:lang(zh-Hant) {
   font-family: "Biaodian Pro Sans CNS", Menlo, Consolas, Courier, "Zhuyin Heiti", "Han Heiti", monospace, monospace, sans-serif;
 }
 
+.no-unicoderange code:lang(zh),
+.no-unicoderange code:lang(zh-Hant),
+.no-unicoderange kbd:lang(zh),
+.no-unicoderange kbd:lang(zh-Hant),
+.no-unicoderange samp:lang(zh),
+.no-unicoderange samp:lang(zh-Hant),
+.no-unicoderange pre:lang(zh),
+.no-unicoderange pre:lang(zh-Hant) {
+  font-family: Menlo, Consolas, Courier, "Han Heiti", monospace, monospace, sans-serif;
+}
+
 code:lang(zh-Hans),
 code:lang(zh-CN),
 kbd:lang(zh-Hans),
@@ -2282,6 +2200,17 @@ pre:lang(zh-CN) {
   font-family: "Biaodian Pro Sans GB", Menlo, Consolas, Courier, "Han Heiti GB", monospace, monospace, sans-serif;
 }
 
+.no-unicoderange code:lang(zh-Hans),
+.no-unicoderange code:lang(zh-CN),
+.no-unicoderange kbd:lang(zh-Hans),
+.no-unicoderange kbd:lang(zh-CN),
+.no-unicoderange samp:lang(zh-Hans),
+.no-unicoderange samp:lang(zh-CN),
+.no-unicoderange pre:lang(zh-Hans),
+.no-unicoderange pre:lang(zh-CN) {
+  font-family: Menlo, Consolas, Courier, "Han Heiti GB", monospace, monospace, sans-serif;
+}
+
 code:lang(ja),
 kbd:lang(ja),
 samp:lang(ja),
@@ -2289,16 +2218,23 @@ pre:lang(ja) {
   font-family: "Yakumono Sans", Menlo, Consolas, Courier, monospace, monospace, sans-serif;
 }
 
+.no-unicoderange code:lang(ja),
+.no-unicoderange kbd:lang(ja),
+.no-unicoderange samp:lang(ja),
+.no-unicoderange pre:lang(ja) {
+  font-family: Menlo, Consolas, Courier, monospace, monospace, sans-serif;
+}
+
 html,
-ruby h-ru[zhuyin] h-zhuyin,
-ruby h-ru[zhuyin] h-zhuyin h-diao,
-h-ruby h-ru[zhuyin] h-zhuyin,
-h-ruby h-ru[zhuyin] h-zhuyin h-diao,
+ruby h-zhuyin,
+ruby h-diao,
+h-ruby h-zhuyin,
+h-ruby h-diao,
 ruby.romanization rt,
-ruby h-ru[annotation]:before,
+ruby [annotation] rt,
 h-ruby.romanization rt,
-h-ruby h-ru[annotation]:before,
-.no-unicoderange h-char.biaodian.liga,
+h-ruby [annotation] rt,
+.no-unicoderange h-char.bd-liga,
 .no-unicoderange h-char.biaodian[unicode="b7"] {
   -moz-font-feature-settings: "liga";
   -ms-font-feature-settings: "liga";
@@ -2306,19 +2242,47 @@ h-ruby h-ru[annotation]:before,
   font-feature-settings: "liga";
 }
 
+html,
+[lang^="zh"],
+[lang*="Hant"],
+[lang="zh-TW"],
+[lang="zh-HK"],
+[lang*="Hans"],
+[lang="zh-CN"],
+article strong,
+code,
+kbd,
+samp,
+pre,
+article blockquote i,
+article blockquote var {
+  -moz-font-feature-settings: "liga=1, locl=0";
+  -ms-font-feature-settings: "liga", "locl" 0;
+  -webkit-font-feature-settings: "liga", "locl" 0;
+  font-feature-settings: "liga", "locl" 0;
+}
+
 i,
 var {
   font-style: inherit;
 }
 
-ruby h-ru[zhuyin] h-zhuyin h-diao,
-h-ruby h-ru[zhuyin] h-zhuyin h-diao {
+.no-unicoderange ruby h-zhuyin,
+.no-unicoderange ruby h-diao,
+.no-unicoderange h-ruby h-zhuyin,
+.no-unicoderange h-ruby h-diao {
+  font-family: "Zhuyin Kaiti", cursive, serif;
+}
+
+ruby h-diao,
+h-ruby h-diao {
   font-family: "Zhuyin Kaiti", cursive, serif;
 }
+
 ruby.romanization rt,
-ruby h-ru[annotation]:before,
+ruby [annotation] rt,
 h-ruby.romanization rt,
-h-ruby h-ru[annotation]:before {
+h-ruby [annotation] rt {
   font-family: "Romanization Sans", "Helvetica Neue", Helvetica, Arial, "Han Heiti", sans-serif;
 }
 
@@ -2459,9 +2423,11 @@ article blockquote {
     margin-left: 1em;
   }
 }
+
 figure blockquote {
   margin: 0;
 }
+
 blockquote blockquote {
   margin-left: 1em;
   margin-right: 1em;
@@ -2489,7 +2455,7 @@ article blockquote blockquote {
 /**
  * Basic Biaodian correction for Firefox
  */
-.no-unicoderange h-char.biaodian.liga,
+.no-unicoderange h-char.bd-liga,
 .no-unicoderange h-char.biaodian[unicode="b7"] {
   font-family: "Biaodian Basic", "Han Heiti";
 }
@@ -2510,24 +2476,10 @@ code h-hws,
 kbd h-hws,
 samp h-hws,
 pre h-hws,
-ol > h-hws,
-ul > h-hws,
-table > h-hws,
-thead > h-hws,
-tbody > h-hws,
-tfoot > h-hws,
-tr > h-hws,
 code h-hws[hidden],
 kbd h-hws[hidden],
 samp h-hws[hidden],
-pre h-hws[hidden],
-ol > h-hws[hidden],
-ul > h-hws[hidden],
-table > h-hws[hidden],
-thead > h-hws[hidden],
-tbody > h-hws[hidden],
-tfoot > h-hws[hidden],
-tr > h-hws[hidden] {
+pre h-hws[hidden] {
   display: none;
 }
 
@@ -2537,38 +2489,52 @@ tr > h-hws[hidden] {
   unicode-range: U+20;
 }
 
-.han-space h-hangable:lang(zh-Hans),
-.han-space h-hangable:lang(zh-CN),
-.han-space h-hangable:lang(ja) {
+h-hangable:lang(zh) h-cs,
+h-hangable:lang(zh) h-cs[hidden],
+h-hangable:lang(zh-Hant) h-cs,
+h-hangable:lang(zh-Hant) h-cs[hidden],
+h-hangable:lang(zh-TW) h-cs,
+h-hangable:lang(zh-TW) h-cs[hidden],
+h-hangable:lang(zh-HK) h-cs,
+h-hangable:lang(zh-HK) h-cs[hidden] {
+  display: inline;
+  visibility: inherit;
+  font-family: inherit;
+  font-size: inherit;
+}
+
+h-hangable:lang(zh-Hans),
+h-hangable:lang(zh-CN),
+h-hangable:lang(ja) {
   position: relative;
   display: inline;
 }
-.han-space h-hangable:lang(zh-Hans) h-char.biaodian.close h-cs,
-.han-space h-hangable:lang(zh-CN) h-char.biaodian.close h-cs,
-.han-space h-hangable:lang(ja) h-char.biaodian.close h-cs {
+h-hangable:lang(zh-Hans) h-char.bd-close h-cs,
+h-hangable:lang(zh-CN) h-char.bd-close h-cs,
+h-hangable:lang(ja) h-char.bd-close h-cs {
   display: none;
 }
-.han-space h-hangable:lang(zh-Hans) > h-cs,
-.han-space h-hangable:lang(zh-CN) > h-cs,
-.han-space h-hangable:lang(ja) > h-cs {
+h-hangable:lang(zh-Hans) > h-cs,
+h-hangable:lang(zh-CN) > h-cs,
+h-hangable:lang(ja) > h-cs {
   position: relative;
   display: inline !important;
   visibility: visible;
   font: inherit;
 }
-.han-space h-hangable:lang(zh-Hans) > h-cs h-inner,
-.han-space h-hangable:lang(zh-Hans) > h-cs h-inner[hidden],
-.han-space h-hangable:lang(zh-CN) > h-cs h-inner,
-.han-space h-hangable:lang(zh-CN) > h-cs h-inner[hidden],
-.han-space h-hangable:lang(ja) > h-cs h-inner,
-.han-space h-hangable:lang(ja) > h-cs h-inner[hidden] {
+h-hangable:lang(zh-Hans) > h-cs h-inner,
+h-hangable:lang(zh-Hans) > h-cs h-inner[hidden],
+h-hangable:lang(zh-CN) > h-cs h-inner,
+h-hangable:lang(zh-CN) > h-cs h-inner[hidden],
+h-hangable:lang(ja) > h-cs h-inner,
+h-hangable:lang(ja) > h-cs h-inner[hidden] {
   display: inline;
   visibility: hidden;
-  font: 1em "Han Space";
+  font: 1em "Han Space", Menlo, Consolas, Courier;
 }
-.han-space h-hangable:lang(zh-Hans) > h-cs:after,
-.han-space h-hangable:lang(zh-CN) > h-cs:after,
-.han-space h-hangable:lang(ja) > h-cs:after {
+h-hangable:lang(zh-Hans) > h-cs h-char.bd-end,
+h-hangable:lang(zh-CN) > h-cs h-char.bd-end,
+h-hangable:lang(ja) > h-cs h-char.bd-end {
   -moz-text-emphasis: none;
   -webkit-text-emphasis: none;
   text-emphasis: none;
@@ -2581,32 +2547,17 @@ tr > h-hws[hidden] {
   left: 0;
   top: 0;
   display: inline-block;
-  content: attr(biaodian);
-  line-height: 1.05;
-}
-ruby .han-space h-hangable:lang(zh-Hans) > h-cs:after,
-h-ru .han-space h-hangable:lang(zh-Hans) > h-cs:after,
-ruby .han-space h-hangable:lang(zh-CN) > h-cs:after,
-h-ru .han-space h-hangable:lang(zh-CN) > h-cs:after,
-ruby .han-space h-hangable:lang(ja) > h-cs:after,
-h-ru .han-space h-hangable:lang(ja) > h-cs:after {
+  line-height: 1.1;
+}
+ruby h-hangable:lang(zh-Hans) > h-cs h-char.bd-end,
+h-ru h-hangable:lang(zh-Hans) > h-cs h-char.bd-end,
+ruby h-hangable:lang(zh-CN) > h-cs h-char.bd-end,
+h-ru h-hangable:lang(zh-CN) > h-cs h-char.bd-end,
+ruby h-hangable:lang(ja) > h-cs h-char.bd-end,
+h-ru h-hangable:lang(ja) > h-cs h-char.bd-end {
   position: relative;
 }
 
-.han-space h-hangable:lang(zh-Hans) h-char.biaodian.end:not(.close),
-.han-space h-hangable:lang(zh-CN) h-char.biaodian.end:not(.close),
-.han-space h-hangable:lang(ja) h-char.biaodian.end:not(.close) {
-  position: absolute;
-  color: transparent;
-  font: 0/0 hidden-text;
-}
-
-.han-space.pseudo-element-clipboard h-hangable:lang(zh-Hans) h-char.biaodian.end:not(.close),
-.han-space.pseudo-element-clipboard h-hangable:lang(zh-CN) h-char.biaodian.end:not(.close),
-.han-space.pseudo-element-clipboard h-hangable:lang(ja) h-char.biaodian.end:not(.close) {
-  display: none;
-}
-
 /**
  * CJK Biaodian compression (CJK標點擠壓)
  */
@@ -2619,24 +2570,27 @@ h-cs[hidden] {
   white-space: normal;
 }
 
-h-char.biaodian.open > h-inner {
+h-char.biaodian.bd-open > h-inner {
   margin-left: -.5em;
 }
-h-char.biaodian.close > h-inner,
+
+h-char.biaodian.bd-close > h-inner,
 h-char.biaodian[unicode="3001"] > h-inner,
 h-char.biaodian[unicode="3002"] > h-inner,
 h-char.biaodian[unicode="ff0c"] > h-inner,
 h-char.biaodian[unicode="ff0e"] > h-inner {
   letter-spacing: -.5em;
 }
-h-char.biaodian.open > h-cs,
-h-char.biaodian.close > h-cs,
+
+h-char.biaodian.bd-open > h-cs,
+h-char.biaodian.bd-close > h-cs,
 h-char.biaodian[unicode="3001"] > h-cs,
 h-char.biaodian[unicode="3002"] > h-cs,
 h-char.biaodian[unicode="ff0c"] > h-cs,
 h-char.biaodian[unicode="ff0e"] > h-cs {
   display: inline;
 }
+
 h-char.biaodian[unicode="3001"]:lang(zh-Hant) > h-inner,
 h-char.biaodian[unicode="3001"]:lang(zh-TW) > h-inner,
 h-char.biaodian[unicode="3001"]:lang(zh-HK) > h-inner,
@@ -2651,6 +2605,7 @@ h-char.biaodian[unicode="ff0e"]:lang(zh-TW) > h-inner,
 h-char.biaodian[unicode="ff0e"]:lang(zh-HK) > h-inner {
   letter-spacing: inherit;
 }
+
 h-char.biaodian[unicode="3001"]:lang(zh-Hant) > h-cs,
 h-char.biaodian[unicode="3001"]:lang(zh-TW) > h-cs,
 h-char.biaodian[unicode="3001"]:lang(zh-HK) > h-cs,
@@ -2666,29 +2621,50 @@ h-char.biaodian[unicode="ff0e"]:lang(zh-HK) > h-cs {
   display: none;
 }
 
-h-char-group .open + .open h-cs,
-h-char-group .end:not(:last-child) h-cs {
+h-char-group.portion .bd-open:first-child h-cs,
+h-char-group.portion .bd-end:last-child h-cs,
+h-char-group .bd-open + .bd-open h-cs,
+h-char-group .bd-end:not(:last-child) h-cs,
+h-hangable.portion .bd-open:first-child h-cs,
+h-hangable.portion .bd-end:last-child h-cs,
+h-hangable .bd-open + .bd-open h-cs,
+h-hangable .bd-end:not(:last-child) h-cs {
   display: none;
 }
-h-char-group [unicode="3001"]:lang(zh-Hant) + .open h-cs,
-h-char-group [unicode="3001"]:lang(zh-TW) + .open h-cs,
-h-char-group [unicode="3001"]:lang(zh-HK) + .open h-cs,
-h-char-group [unicode="3002"]:lang(zh-Hant) + .open h-cs,
-h-char-group [unicode="3002"]:lang(zh-TW) + .open h-cs,
-h-char-group [unicode="3002"]:lang(zh-HK) + .open h-cs,
-h-char-group [unicode="ff0c"]:lang(zh-Hant) + .open h-cs,
-h-char-group [unicode="ff0c"]:lang(zh-TW) + .open h-cs,
-h-char-group [unicode="ff0c"]:lang(zh-HK) + .open h-cs,
-h-char-group [unicode="ff0e"]:lang(zh-Hant) + .open h-cs,
-h-char-group [unicode="ff0e"]:lang(zh-TW) + .open h-cs,
-h-char-group [unicode="ff0e"]:lang(zh-HK) + .open h-cs {
+
+h-char-group [unicode="3001"]:lang(zh-Hant) + .bd-open h-cs,
+h-char-group [unicode="3001"]:lang(zh-TW) + .bd-open h-cs,
+h-char-group [unicode="3001"]:lang(zh-HK) + .bd-open h-cs,
+h-char-group [unicode="3002"]:lang(zh-Hant) + .bd-open h-cs,
+h-char-group [unicode="3002"]:lang(zh-TW) + .bd-open h-cs,
+h-char-group [unicode="3002"]:lang(zh-HK) + .bd-open h-cs,
+h-char-group [unicode="ff0c"]:lang(zh-Hant) + .bd-open h-cs,
+h-char-group [unicode="ff0c"]:lang(zh-TW) + .bd-open h-cs,
+h-char-group [unicode="ff0c"]:lang(zh-HK) + .bd-open h-cs,
+h-char-group [unicode="ff0e"]:lang(zh-Hant) + .bd-open h-cs,
+h-char-group [unicode="ff0e"]:lang(zh-TW) + .bd-open h-cs,
+h-char-group [unicode="ff0e"]:lang(zh-HK) + .bd-open h-cs,
+h-hangable [unicode="3001"]:lang(zh-Hant) + .bd-open h-cs,
+h-hangable [unicode="3001"]:lang(zh-TW) + .bd-open h-cs,
+h-hangable [unicode="3001"]:lang(zh-HK) + .bd-open h-cs,
+h-hangable [unicode="3002"]:lang(zh-Hant) + .bd-open h-cs,
+h-hangable [unicode="3002"]:lang(zh-TW) + .bd-open h-cs,
+h-hangable [unicode="3002"]:lang(zh-HK) + .bd-open h-cs,
+h-hangable [unicode="ff0c"]:lang(zh-Hant) + .bd-open h-cs,
+h-hangable [unicode="ff0c"]:lang(zh-TW) + .bd-open h-cs,
+h-hangable [unicode="ff0c"]:lang(zh-HK) + .bd-open h-cs,
+h-hangable [unicode="ff0e"]:lang(zh-Hant) + .bd-open h-cs,
+h-hangable [unicode="ff0e"]:lang(zh-TW) + .bd-open h-cs,
+h-hangable [unicode="ff0e"]:lang(zh-HK) + .bd-open h-cs {
   display: none;
 }
+
 h-char-group [unicode="b7"]:not(:last-child),
 h-char-group [unicode="30fb"]:not(:last-child) {
   letter-spacing: -.5em;
 }
-h-char-group .liga:not(:last-child) {
+
+h-char-group .bd-liga:not(:last-child) {
   margin-right: -.25em;
 }