HTML Entity for Tf Digraph (ʧ)
What You'll Learn
How to display the Tf digraph symbol (ʧ) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+02A7 (LATIN SMALL LETTER TS DIGRAPH) in the IPA Extensions block (U+0250–U+02AF)—a phonetic digraph representing the voiceless palato-alveolar affricate (as in English “ch” in church).
Render it with ʧ, ʧ, or CSS escape \02A7. There is no named HTML entity. Do not confuse ʧ with ʨ (tc digraph with curl, U+02A8) or ʦ (ts ligature, U+02A6)—adjacent IPA Extension letters with different values.
⚡ Quick Reference — Tf Digraph
U+02A7IPA Extensions
ʧHexadecimal reference
ʧDecimal reference
—Use numeric codes only
Name Value
──────────── ──────────
Unicode U+02A7
Hex code ʧ
HTML code ʧ
Named entity (none)
CSS code \02A7
Block IPA Extensions (U+0250–U+02AF)
Official name LATIN SMALL LETTER TS DIGRAPHComplete HTML Example
This example demonstrates the Tf digraph symbol (ʧ) using hexadecimal code, decimal HTML code, and a CSS content escape (no named entity):
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\02A7";
}
</style>
</head>
<body>
<p>Using Hexadecimal: ʧ</p>
<p>Using HTML Code: ʧ</p>
<p id="point">Using CSS Entity: </p>
</body>
</html>🌐 Browser Support
The Tf digraph symbol renders in modern browsers when fonts include IPA Extensions glyphs:
👀 Live Preview
See the Tf digraph symbol (ʧ) in phonetic context:
🧠 How It Works
Hexadecimal Code
ʧ uses the Unicode hexadecimal value 02A7 to display the Tf digraph symbol. The x prefix indicates hexadecimal format.
Decimal HTML Code
ʧ uses the decimal Unicode value 679 to display the same character.
CSS Entity
\02A7 is used in CSS stylesheets, particularly in the content property of pseudo-elements like ::before and ::after.
Same visual result
All three methods produce the glyph: ʧ. Unicode U+02A7 in the IPA Extensions block (U+0250–U+02AF). No named entity.
Use Cases
The Tf digraph symbol (ʧ) commonly appears in:
Research papers and language analysis documentation.
Speech analysis and phonetics textbooks.
Language learning materials and pronunciation guides.
International Phonetic Alphabet transcriptions.
Scholarly articles on phonetic and linguistic topics.
Pronunciation tools and interactive language content.
Online dictionaries and pronunciation resources.
💡 Best Practices
Do
- Use
ʧorʧfor the digraph glyph - Choose IPA-capable fonts (e.g. Doulos SIL, Charis SIL) for reliable rendering
- Set
charset="UTF-8"on all HTML documents - Add glosses or tooltips explaining the phonetic value
- Test across browsers and devices without IPA font support
Don’t
- Confuse ʧ with ʨ (tc digraph with curl) or ʦ (ts ligature)
- Assume every font includes IPA Extensions characters
- Put CSS escape
\02A7directly in HTML text nodes - Expect a named HTML entity for U+02A7—use numeric references
- Use HTML entities in JS (use
\u02A7instead)
Key Takeaways
Two HTML references both render ʧ
ʧ ʧFor CSS stylesheets, use the escape in the content property
\02A7Unicode U+02A7 — LATIN SMALL LETTER TS DIGRAPH
No named entity—use numeric references or CSS escape
Part of IPA Extensions (U+0250–U+02AF) for phonetic notation
❓ Frequently Asked Questions
ʧ (hex), ʧ (decimal), or \02A7 in CSS content. There is no named HTML entity. All three produce ʧ.U+02A7 (LATIN SMALL LETTER TS DIGRAPH). IPA Extensions block (U+0250–U+02AF). Hex 02A7, decimal 679. Represents a voiceless palato-alveolar affricate in IPA.ʧ or ʧ) go directly in markup. The CSS escape \02A7 is used in stylesheets, typically in the content property of pseudo-elements. Same visual result, different layers of the stack.Explore More HTML Entities!
Discover 1500+ HTML character references — IPA, linguistics, math, and more.
About the author
8 people found this page helpful