Chinese fonts: Customising individual pages and why do these fonts appear different on different devices?

#1. Edit this code from Code Injection

<script>
  $("span.portfolio-hover-item-content:contains('遊遊野野')").html(function(_, html) {
   return html.replace(/(遊遊野野)/g, '<span class="chinese">$1</span>');
});
</script>

to this code

<script>
   $("span.portfolio-hover-item-content:contains('遊遊野野')").html(function(_, html) {
   return html.replace(/(遊遊野野)/g, '<span class="chinese">$1</span>');
});
// theatremaking www page 
$(".html-block h2:contains('遊遊野野')").html(function(_, html) {
   return html.replace(/(遊遊野野)/g, '<span class="chinese2">$1</span>');
});
// theatremaking www page - team
$(".html-block p:contains('吳彩萍')").html(function(_, html) {
   return html.replace(/(吳彩萍)/g, '<span class="chinese3">$1</span>');
});
</script>
<style>
  .chinese2 {
    font-size: 30px !important;
}
.chinese3 {
    font-size: 10px !important;
}
</style>

#2.