HTML Entity for Tf Digraph (ʧ)

Beginner

5 min read

Updated: Sep 2026

1 example

Unicode U+02A7

HTML Entity for tf digraph (U+02A7) tutorial illustration

Definition

What Is Tf Digraph?

Tf digraph (ʧ) is the Unicode character at U+02A7 in IPA Extensions. Official name: LATIN SMALL LETTER TESH DIGRAPH. It is a phonetic digraph for the voiceless palato-alveolar affricate (as in English “ch”).

Remember

Character     ʧ
Unicode       U+02A7
Hex entity    &#x02A7;
Decimal       &#679;
CSS escape    \02A7
Named entity  (none)
Not the same  ʦ (ts) · ʨ (te-curl)

Prefer ʧ or ʧ in HTML markup. You can also type ʧ in UTF-8. There is no named entity.

Reference

Quick Reference

One table for every form you will actually use.

Form	Code	Where it goes
Direct character	`ʧ`	HTML text (UTF-8)
Hex entity	`ʧ`	HTML markup (preferred)
Decimal entity	`ʧ`	HTML markup
CSS escape	`\02A7`	Stylesheet `content`
Named entity	—	Not defined in HTML5
Ts digraph (related)	`ʦ` (ʦ, U+02A6)	Different IPA digraph

When to Use Which

Situation	Use
Tf / tesh digraph (IPA)	`ʧ` or `ʧ`
Ts digraph	ʦ / `ʦ`
Te digraph with curl	ʨ / `ʨ`
Looking for a named form	Does not exist — use numeric form
Generated text via `::before` / `::after`	`content: "\02A7"`
Need a font that shows IPA	Prefer a stack with IPA Extensions coverage

See it

Live Preview

Tf digraph rendered next to related IPA digraphs.

Example [ʧ]

Large glyph ʧ

Compared ʦ ts ʧ tf ʨ te-curl

With entities Hex: ʧ | Decimal: ʧ

Code

Complete HTML Example

One page that shows Tf Digraph with hex, decimal, CSS escape, and a typed character. Use View Output or open the live editor.

Hex + Decimal + CSS + Typed

Four ways to produce ʧ, plus a short IPA-style example.

html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Tf Digraph (ʧ) in HTML</title>
  <style>
    #point::after {
      content: "\02A7";
    }
  </style>
</head>
<body>
  <p>Using Hex Code: &#x02A7;</p>
  <p>Using HTML Code: &#679;</p>
  <p id="point">Using CSS Entity: </p>
  <p>Typed directly: ʧ</p>
  <p>Example: [ʧ]</p>
</body>
</html>

Try It Yourself

How It Works

1. Hex: U+02A7 → ʧ in HTML. The browser turns it into ʧ.

2. Decimal: same code point as 679 → ʧ. Same result as hex.

3. CSS: use \02A7 in content (not an HTML entity). #point::after appends that ʧ after the paragraph text.

4. Typed / example: paste ʧ in UTF-8, or write [ʧ] for a short IPA-style transcription example.

Pitfalls & Tips

Common mistakes when working with Tf Digraph.

Named?

No named entity

HTML5 does not define a named entity for U+02A7. Use ʧ or ʧ.

Not the ts digraph

U+02A6 (ʦ) is the ts digraph. Adjacent IPA digraphs look related but encode different sounds.

Not the te digraph curl

U+02A8 (ʨ) is the tc digraph with curl. Prefer U+02A7 only when you need the tesh digraph.

Fonts

IPA font coverage

Some default UI fonts omit IPA Extensions. Prefer a font that covers this block for phonetic pages.

CSS vs HTML

Do not mix escapes

\02A7 belongs in CSS strings. ʧ / ʧ belong in HTML.

Semicolon

End numeric references

Always finish with ; — write ʧ, not &#679.

Compatibility

Browser Support

Tf digraph (U+02A7) and its entity forms (ʧ, ʧ, CSS \\02A7) are supported in all mainstream browsers. Visible glyphs depend on IPA Extensions font coverage.

✓ Universal support

Tf Digraph (ʧ)

Encode with hex, decimal, CSS escape, or type the character — same code point everywhere encoding is supported.

100% Browser coverage

Google Chrome Supported

Yes

Microsoft Edge Supported

Yes

Mozilla Firefox Supported

Yes

Apple Safari Supported

Yes

Opera Supported

Yes

Internet Explorer All versions

Yes

U+02A7 / entities Full support

Bottom line: Prefer ʧ or ʧ in HTML. Use \\02A7 only inside CSS content. There is no named entity.

Remember

Key Takeaways

Unicode: this mark is U+02A7 (decimal 679) — glyph ʧ.
HTML: use ʧ or ʧ — no named entity; typing ʧ also works.
CSS: use \02A7 inside content for generated text.
Meaning: ʧ = tf / tesh digraph — not ʦ (ts), not ʨ (te-curl).

One line: U+02A7 → ʧ / ʧ / CSS \02A7.

Frequently Asked Questions

How do I display ʧ in HTML?

Use ʧ (hex), ʧ (decimal), type ʧ directly in UTF-8, or the CSS escape \02A7 in content. There is no named HTML entity for U+02A7.

What is the Unicode value for this mark?

U+02A7 (LATIN SMALL LETTER TESH DIGRAPH). Hex 02A7, decimal 679. It belongs to IPA Extensions (U+0250–U+02AF).

Is there a named HTML entity for U+02A7?

No. HTML5 does not define a named entity for this character. Use numeric forms ʧ or ʧ.

When should I use U+02A7?

Use it in phonetic transcription for the voiceless palato-alveolar affricate (as in English “ch” in church). Prefer other IPA letters when your house style does not use this digraph.

What is the difference between HTML code and CSS entity for U+02A7?

HTML entities (ʧ or ʧ) go in markup. The CSS escape \02A7 goes in stylesheet strings (usually content on ::before/::after).

Is ʧ the same as ʦ or ʨ?

No. ʧ is the tf / tesh digraph (U+02A7). ʦ is the ts digraph (U+02A6). ʨ is the tc digraph with curl (U+02A8). They are adjacent IPA letters with different values.

Did you know?

Tf digraph (ʧ) is Unicode U+02A7 (decimal 679) — LATIN SMALL LETTER TESH DIGRAPH in IPA Extensions. HTML5 has no named entity — use ʧ or ʧ. Do not confuse it with ts digraph (U+02A6, ʦ) or te digraph curl (U+02A8, ʨ).

Next: Thai Currency Symbol Baht

Learn the HTML entity for Thai currency symbol baht (฿).

Continue tutorial →

About the author

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.

AWS Certified Developer – Associate (Credly)

8 people found this page helpful

HTML Entity | Tenge Sign HTML Entity | Thai Currency Symbol Baht