HTML Entity for Uppercase Yogh (Ȝ)

Beginner
⏱️ 5 min read
📚 Updated: Jun 2026
🎯 1 Code Example
Unicode U+021C

What You'll Learn

How to display the uppercase yogh (Ȝ) in HTML using hexadecimal, decimal, and CSS escape methods. This character is officially named LATIN CAPITAL LETTER YOGH—a historical letter used in Middle English, Scots, and related texts for sounds later spelled with gh, y, or z. It appears at the start of words such as Ȝif (If) and Ȝe (Ye). It is U+021C in the Latin Extended-B block.

Render it with Ȝ, Ȝ, or CSS escape \021C. There is no named HTML entity for yogh. Do not confuse Ȝ (yogh) with plain Y (U+0059), Z (U+005A), or G (U+0047).

⚡ Quick Reference — Uppercase Yogh Entity

Unicode U+021C

Latin Extended-B

Hex Code Ȝ

Hexadecimal reference

HTML Code Ȝ

Decimal reference

Named Entity

No named entity

Reference Table
Name           Value
────────────   ──────────
Unicode        U+021C
Hex code       Ȝ
HTML code      Ȝ
Named entity   (none)
CSS code       \021C
Meaning        Latin capital letter yogh
Historical     Middle English / Scots
Related        U+021D = ȝ (lowercase yogh)
               U+0059 = Y (plain letter)
Block          Latin Extended-B (U+0180–U+024F)
1

Complete HTML Example

A simple example showing the uppercase yogh (Ȝ) using hexadecimal code, decimal HTML code, the character directly, and a CSS content escape:

html
<!DOCTYPE html>
<html>
<head>
 <style>
  #point:after{
   content: "\021C";
  }
 </style>
</head>
<body>
<p>Symbol (hex): &#x021C;</p>
<p>Symbol (decimal): &#540;</p>
<p>Symbol (direct): Ȝ</p>
<p id="point">Symbol (CSS): </p>
</body>
</html>
Try It Yourself

🌐 Browser Support

The uppercase yogh (Ȝ) is supported in modern browsers when the font includes Latin Extended-B glyphs:

Chrome1+
Firefox1+
Safari1+
Edge12+
Opera4+
Android4.4+
iOS Safari1+

👀 Live Preview

See the uppercase yogh (Ȝ) in historical and academic contexts:

Large glyphȜ
Middle EnglishȜif (If), Ȝe (Ye)
Unicode nameLatin capital letter yogh
Lowercaseȝ (U+021D) — Latin small letter yogh
Not the same asplain Y (U+0059)  |  Z (U+005A)  |  Ƿ (wynn)
Numeric refs&#x021C; &#540; \021C

🧠 How It Works

1

Hexadecimal Code

&#x021C; uses the Unicode hexadecimal value 021C to display the character. The x prefix indicates hexadecimal format.

HTML markup
2

Decimal HTML Code

&#540; uses the decimal Unicode value 540 to display the same character. A common method for Latin Extended-B characters.

HTML markup
3

Direct Character

Type Ȝ directly in HTML when your document uses UTF-8 encoding. There is no named entity for yogh.

HTML markup
4

CSS Entity

\021C is used in CSS stylesheets, particularly in the content property of pseudo-elements like ::before and ::after.

CSS stylesheet
=

Same visual result

All methods produce the glyph: Ȝ. Unicode U+021C sits in Latin Extended-B. Lowercase yogh is U+021D (ȝ). Do not confuse with plain Y, Z, or G. Use fonts with historical Latin support for reliable rendering.

Use Cases

The uppercase yogh (Ȝ) is commonly used in:

📜 Middle English texts

Authentic transcription of Middle English manuscripts and editions where yogh appears at word beginnings (e.g. Ȝif, Ȝe).

🇬🇧 Scots

Historical Scots orthography and scholarly editions using the yogh letter.

🏫 Academic & linguistics

Historical linguistics papers, philology courses, and character charts documenting English letter evolution.

🔤 Education

Medieval studies, Middle English language courses, and museum or library digital exhibits.

📄 Digital humanities

Encoded editions of historical texts requiring accurate representation of yogh in HTML.

🎨 Typography

Font specimens and design references showcasing historical Latin letters.

⚙ Programmatic HTML

When building HTML from historical text data, using &#540; or &#x021C; guarantees correct output.

💡 Best Practices

Do

  • Serve pages as UTF-8; you can type Ȝ directly in UTF-8 source
  • Use numeric references (&#x021C; or &#540;) when escaping is required
  • Use \021C in CSS content when generating the symbol via pseudo-elements
  • Use fonts that support Latin Extended-B historical characters
  • Distinguish Ȝ (yogh) from plain Y, Z, and G

Don’t

  • Substitute Y, Z, or gh when Ȝ is required for authentic historical transcription
  • Confuse Ȝ (yogh) with Ƿ (wynn) or plain Latin letters
  • Use the old incorrect CSS escape \0021C—the correct value is \021C
  • Expect a named HTML entity—none exists for Ȝ
  • Put CSS escape \021C in HTML text nodes

Key Takeaways

1

Type Ȝ directly, or use hex/decimal references

&#x021C; &#540;
2

For CSS stylesheets, use the escape in the content property

\021C
3

Unicode U+021C — LATIN CAPITAL LETTER YOGH

4

Middle English / Scots historical letter; lowercase is ȝ (U+021D)

❓ Frequently Asked Questions

Use &#x021C; (hex), &#540; (decimal), or \021C in CSS content. There is no named HTML entity for yogh. In UTF-8 you can also type Ȝ directly.
U+021C (LATIN CAPITAL LETTER YOGH). Latin Extended-B block. Hex 021C, decimal 540. Used in Middle English, Scots, and historical texts. Lowercase form is U+021D (ȝ).
When displaying Middle English or Scots texts, medieval manuscripts, historical linguistics content, academic editions, or typography referencing the historical yogh letter at the start of words or in all-caps contexts.
No. Use numeric codes &#540; or &#x021C;, or the CSS entity \021C. In UTF-8 pages you can type Ȝ directly.
Ȝ (U+021C) is the historical Latin letter yogh used in Middle English and Scots for sounds later spelled with gh, y, or z. Plain Y (U+0059) and Z (U+005A) are modern Latin letters. For authentic historical transcription, yogh is required where the original text used it.

Explore More HTML Entities!

Discover 1500+ HTML character references — historical letters, symbols, and more.

All HTML Entities →

About the author

Mari Selvan M P
Mari Selvan M P 🔗

Developer, cloud engineer, and technical writer

  • Experience 12 years building web and cloud systems
  • Focus Full Stack Development, AWS, and Developer Education

I write practical tutorials so students and working developers can learn by doing—from databases and APIs to deployment on AWS.

8 people found this page helpful