HTML Entity for DZ Digraph (ʤ)

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

What You'll Learn

How to display the DZ digraph (ʤ) in HTML using hexadecimal, decimal, and CSS entity methods. This character is U+02A4 in the IPA Extensions block (U+0250–U+02AF) and represents the voiced palato-alveolar affricate in the International Phonetic Alphabet—the sound heard in English words like “jump” or “judge.”

There is no named HTML entity for U+02A4. Use ʤ, ʤ, or \02A4 in CSS content. The URL slug d3-digraph reflects legacy naming; the correct IPA symbol name is DZ digraph.

⚡ Quick Reference — DZ Digraph

Unicode U+02A4

IPA Extensions (U+0250–U+02AF)

Hex Code ʤ

Hexadecimal reference

HTML Code ʤ

Decimal reference

Named Entity

None (use numeric refs)

Reference Table
Name           Value
────────────   ──────────
Unicode        U+02A4
Hex code       ʤ
HTML code      ʤ
Named entity   —
CSS code       \02A4
1

Complete HTML Example

This example demonstrates the DZ digraph (ʤ) using hexadecimal code, decimal HTML code, and a CSS content escape. There is no named HTML entity:

html
<!DOCTYPE html>
<html>
<head>
 <style>
  #point:after{
   content: "\02A4";
  }
 </style>
</head>
<body>
<p>DZ Digraph using Hexadecimal: &#x02A4;</p>
<p>DZ Digraph using HTML Code: &#676;</p>
<p id="point">DZ Digraph using CSS Entity: </p>
</body>
</html>
Try it Yourself

🌐 Browser Support

U+02A4 is supported in modern browsers; use a font with IPA Extensions coverage for consistent glyph display:

Chrome 1+
Firefox 1+
Safari 1+
Edge 12+
Opera 4+
Android 4.4+
iOS Safari 3.2+

👀 Live Preview

See the DZ digraph (ʤ) in phonetic and linguistic contexts:

IPA word jump /dʒʌmp/   judge /dʤʌdʒ/
Dictionary ʤ = voiced palato-alveolar affricate
Large glyph ʤ
Contrast ʤ (dz digraph)   ʒ (ezh)   dʒ (d + ezh)
Monospace refs &#x02A4; &#676; \02A4

🧠 How It Works

1

Hexadecimal Code

&#x02A4; uses the Unicode hexadecimal value 02A4 to display the DZ digraph. The x prefix indicates hexadecimal format.

HTML markup
2

Decimal HTML Code

&#676; uses the decimal Unicode value 676 to display the same character. This is a commonly used method for IPA and phonetic characters.

HTML markup
3

CSS Entity

\02A4 is used in CSS stylesheets, particularly in the content property of ::before or ::after.

CSS stylesheet
=

Same visual result

All three methods produce the DZ digraph: ʤ. Unicode U+02A4 is in the IPA Extensions block (U+0250–U+02AF). No named HTML entity exists for this character.

Use Cases

The DZ digraph (ʤ) is commonly used in:

🔤 IPA transcription

Transcribing the voiced palato-alveolar affricate in linguistic and phonetic notation.

📚 Dictionary guides

Pronunciation entries and dictionary pages that use IPA symbols.

🌐 Language learning

Apps, courses, and materials that show phonetic pronunciation.

📝 Linguistic content

Academic papers, phonology descriptions, and linguistic documentation.

🎓 Education

Teaching phonetics, phonology, or pronunciation in web-based tutorials.

📖 Lexical databases

Lexicons, thesauri, and language databases with IPA transcriptions.

♿ Accessibility

Pair with text or ARIA labels (e.g. “voiced palato-alveolar affricate”) when the symbol carries phonetic meaning.

💡 Best Practices

Do

  • Use &#x02A4; or &#676; since no named entity exists
  • Choose fonts with IPA Extensions coverage (Charis SIL, Noto Sans, Segoe UI)
  • Keep hex or decimal style consistent across the document
  • Use \02A4 only inside CSS content
  • Provide phonetic context on first use (e.g. “judge” sound)

Don’t

  • Confuse ʤ (single dz digraph) with dʒ (d + ezh sequence)
  • Assume a named entity exists—U+02A4 has none
  • Rely on fonts that omit IPA Extensions (glyph may show as a box)
  • Put CSS escape \02A4 in HTML text nodes
  • Mix hex and decimal styles randomly in one file

Key Takeaways

1

No named entity—use numeric references

&#x02A4; &#676;
2

For CSS stylesheets, use the escape in the content property

\02A4
3

U+02A4 LATIN SMALL LETTER DZ DIGRAPH

4

IPA Extensions block—voiced palato-alveolar affricate in phonetic notation

5

Three methods, one glyph — widely supported in modern browsers with IPA-capable fonts

❓ Frequently Asked Questions

Use &#x02A4; (hex), &#676; (decimal), or \02A4 in CSS content. All produce ʤ. There is no named HTML entity.
U+02A4 (LATIN SMALL LETTER DZ DIGRAPH). IPA Extensions (U+0250–U+02AF). Hex 02A4, decimal 676. Represents the voiced palato-alveolar affricate in the IPA.
In IPA phonetic transcription, linguistic content, dictionary pronunciation guides, language learning materials, and any content that needs to display this phonetic symbol correctly.
HTML numeric references (&#676; or &#x02A4;) go in markup. The CSS escape \02A4 is used in stylesheets, typically in the content property of pseudo-elements. Both render ʤ.
No. U+02A4 has no named HTML entity. Use &#x02A4;, &#676;, or \02A4 in CSS to display it.

Explore More HTML Entities!

Discover 1500+ HTML character references — IPA symbols, math operators, arrows, 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