Load Google Fonts and Set Text Styles

HTML

<link rel="preconnect" href="https://fonts.googleapis.com">
<link
  rel="preconnect"
  href="https://fonts.gstatic.com"
  crossorigin>
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Condensed:wght@400;500;600;700&family=Shippori+Mincho:wght@400;500;700&display=swap" rel="stylesheet">

<div>無樣式 Default Style</div>

<div class="t1">Pure English</div>

<div class="t2">單純漢字文本</div>

<div class="t3">Mixed Language 混合語言</div>

<div class="t4">混合語言 Mixed Language</div>

CSS

* {
  font-size: 36px;
  font-family: sans-serif;
}

.t1 { font-family: "IBM Plex Sans Condensed"; }
.t2 { font-family: "Shippori Mincho"; }
.t3 { font-family: "IBM Plex Sans Condensed", "Shippori Mincho"; }
.t4 { font-family: "Shippori Mincho", "IBM Plex Sans Condensed"; }