Skip to content

Commit

Permalink
change order in east asian glyph examples
Browse files Browse the repository at this point in the history
  • Loading branch information
OnkarRuikar committed Nov 14, 2024
1 parent 4bcb5f0 commit 555e535
Showing 1 changed file with 7 additions and 7 deletions.
14 changes: 7 additions & 7 deletions files/en-us/web/css/css_fonts/opentype_fonts_guide/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -906,7 +906,7 @@ checkBox2.addEventListener("change", () => {

Associated CSS property: {{cssxref("font-variant-east-asian")}}

This allows access to various alternate forms of glyphs within a font. The example below shows a string of glyphs with only the OpenType set 'jis78' enabled. Uncheck the box below and you'll see more characters displayed. Click "Play" in the code blocks below to edit the example in the MDN Playground:
This allows access to various alternate forms of glyphs within a font. The example below shows a string of normal glyphs. Uncheck the box below and you'll see characters with only the `jis78` glyphs. Click "Play" in the code blocks below to edit the example in the MDN Playground:

```html hidden live-sample___font-variant-east-asian-example
<fieldset>
Expand All @@ -915,7 +915,7 @@ This allows access to various alternate forms of glyphs within a font. The examp
<p>唖 芦 溢 茨 鰯 嘘 欝 厩 噂</p>
</div>
<input type="checkbox" name="checkbox1" id="checkbox1" value="on" checked />
<label for="checkbox1">Features active</label>
<label for="checkbox1">Features disabled</label>
</fieldset>

<fieldset>
Expand All @@ -924,7 +924,7 @@ This allows access to various alternate forms of glyphs within a font. The examp
<p>唖 芦 溢 茨 鰯 嘘 欝 厩 噂</p>
</div>
<input type="checkbox" name="checkbox2" id="checkbox2" value="on" checked />
<label for="checkbox2">Features active</label>
<label for="checkbox2">Features disabled</label>
</fieldset>
```

Expand Down Expand Up @@ -963,17 +963,17 @@ label {

```css live-sample___font-variant-east-asian-example
.container1 * {
font-variant-east-asian: jis78;
font-variant-east-asian: normal;
}
.inactive.container1 * {
font-variant-east-asian: normal;
font-variant-east-asian: jis78;
}

.container2 * {
font-feature-settings: "jp78";
font-feature-settings: "jp78" 0;
}
.inactive.container2 * {
font-feature-settings: "jp78" 0;
font-feature-settings: "jp78";
}
```

Expand Down

0 comments on commit 555e535

Please sign in to comment.