HTML Entity for Lowercase Yogh (ȝ)

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

What You'll Learn

How to display the lowercase yogh (ȝ) in HTML using hexadecimal, decimal, and CSS escape methods. This character is officially named LATIN SMALL LETTER YOGH—a historical letter used in Middle English, Scots, and related texts for sounds later spelled with gh, y, or z. Examples include ȝif (if), ȝe (ye), and miȝt (might). It is U+021D in the Latin Extended-B block.

Render it with ȝ, ȝ, or CSS escape \021D. There is no named HTML entity for yogh. Do not confuse ȝ (yogh) with plain y (U+0079), z (U+007A), or g (U+0067).

⚡ Quick Reference — Lowercase Yogh Entity

Unicode U+021D

Latin Extended-B

Hex Code ȝ

Hexadecimal reference

HTML Code ȝ

Decimal reference

Named Entity

No named entity

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

Complete HTML Example

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

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

🌐 Browser Support

The lowercase 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 lowercase yogh (ȝ) in historical and academic contexts:

Large glyphȝ
Middle Englishȝif (if), ȝe (ye), miȝt (might), boȝ (bough)
Unicode nameLatin small letter yogh
UppercaseȜ (U+021C) — LATIN CAPITAL LETTER YOGH
Not the same asplain y (U+0079)  |  z (U+007A)  |  ƿ (wynn)
Numeric refs&#x021D; &#541; \021D

🧠 How It Works

1

Hexadecimal Code

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

HTML markup
2

Decimal HTML Code

&#541; uses the decimal Unicode value 541 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

\021D 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+021D sits in Latin Extended-B. Uppercase yogh is U+021C (Ȝ). Do not confuse with plain y, z, or g. Use fonts with historical Latin support for reliable rendering.

Use Cases

The lowercase yogh (ȝ) is commonly used in:

📜 Middle English texts

Authentic transcription of Middle English manuscripts and editions where yogh represents historical sounds.

🇬🇧 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 &#541; or &#x021D; guarantees correct output.

💡 Best Practices

Do

  • Serve pages as UTF-8; you can type ȝ directly in UTF-8 source
  • Use numeric references (&#x021D; or &#541;) when escaping is required
  • Use \021D 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 \0021D—the correct value is \021D
  • Expect a named HTML entity—none exists for ȝ
  • Put CSS escape \021D in HTML text nodes

Key Takeaways

1

Type ȝ directly, or use hex/decimal references

&#x021D; &#541;
2

For CSS stylesheets, use the escape in the content property

\021D
3

Unicode U+021D — LATIN SMALL LETTER YOGH

4

Middle English / Scots historical letter; uppercase is Ȝ (U+021C)

❓ Frequently Asked Questions

Use &#x021D; (hex), &#541; (decimal), or \021D in CSS content. There is no named HTML entity for yogh. In UTF-8 you can also type ȝ directly.
U+021D (LATIN SMALL LETTER YOGH). Latin Extended-B block. Hex 021D, decimal 541. Used in Middle English, Scots, and historical texts. Uppercase form is U+021C (Ȝ).
When displaying Middle English or Scots texts, medieval manuscripts, historical linguistics content, academic editions, or typography referencing the historical yogh letter.
No. Use numeric codes &#541; or &#x021D;, or the CSS entity \021D. In UTF-8 pages you can type ȝ directly.
ȝ (U+021D) is the historical Latin letter yogh used in Middle English and Scots for sounds later spelled with gh, y, or z. Plain y (U+0079) and z (U+007A) 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