HTML Entity for Lowercase D Topbar (ƌ)

Beginner
⏱️ 5 min read
📚 Updated: Jun 2026
🎯 1 Code Example
Unicode U+018C
HTML Entity for Lowercase D Topbar tutorial illustration

What You'll Learn

How to display the lowercase d with topbar (ƌ) in HTML using hexadecimal, decimal, and CSS escape methods. This character is the Latin small letter d with topbar, used in some Sámi and other linguistic orthographies, as well as certain African language writing systems. It is U+018C in the Latin Extended-B block.

Render it with ƌ, ƌ, or CSS escape \018C. There is no named HTML entity for this character, so numeric codes or CSS must be used.

⚡ Quick Reference — Lowercase D Topbar Entity

Unicode U+018C

Latin Extended-B

Hex Code ƌ

Hexadecimal reference

HTML Code ƌ

Decimal reference

Named Entity —

No named entity

Reference Table
Name           Value
────────────   ──────────
Unicode        U+018C
Hex code       ƌ
HTML code      ƌ
Named entity   (none)
CSS code       \018C
Meaning        Latin small letter d with topbar
Block          Latin Extended-B (U+0180–U+024F)
1

Complete HTML Example

A simple example showing the lowercase d topbar (ƌ) using hexadecimal code, decimal HTML code, and a CSS content escape:

html
<!DOCTYPE html>
<html>
<head>
 <style>
  #point:after{
   content: "\018C";
  }
 </style>
</head>
<body>
<p>Symbol (hex): &#x018C;</p>
<p>Symbol (decimal): &#396;</p>
<p id="point">Symbol (CSS): </p>
</body>
</html>
Try it Yourself

🌐 Browser Support

The lowercase d topbar (ƌ) renders correctly in modern browsers when UTF-8 is used and a font with Latin Extended-B support is available:

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

👀 Live Preview

See the lowercase d topbar (ƌ) and how it differs from related characters:

Large glyphƌ
Orthographic useSámi and other extended Latin orthographies
Not the same asd (plain d), ɖ (d tail), or đ (d stroke)
Unicode blockLatin Extended-B (U+0180–U+024F)
Numeric refs&#x018C; &#396; \018C

🧠 How It Works

1

Hexadecimal Code

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

HTML markup
2

Decimal HTML Code

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

HTML markup
3

CSS Entity

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

CSS stylesheet
=

Same visual result

All three methods produce the glyph: ƌ. Unicode U+018C sits in Latin Extended-B. Do not confuse ƌ with plain d (U+0064) or ɖ (d tail, U+0256). There is no named HTML entity.

✅

Use Cases

The lowercase d topbar (ƌ) is commonly used in:

🔤 Linguistic content

Display correct spelling in Sámi and other orthographies that use the d with topbar.

🇪🇺 Sámi language

Represent the letter ƌ in Sámi language resources and Northern European linguistic materials.

🌍 African orthographies

Support writing systems that include the d with topbar in standardized orthographies.

📚 Language learning

Show correct characters in language courses and textbooks that use this letter.

📄 Academic publishing

Ensure proper typography in papers and publications with Sámi or related script.

🎨 Typography

Showcase Latin Extended-B coverage in font demos and type design.

🌐 Internationalization

Support proper rendering for languages that use the d with topbar.

💡 Best Practices

Do

  • Use &#396; or &#x018C; in HTML (no named entity exists)
  • Serve pages as UTF-8; you can also type ƌ directly in UTF-8 source
  • Use fonts that support Latin Extended-B characters
  • Set appropriate lang attributes on content using this character
  • Distinguish ƌ from plain d, ɖ (d tail), and đ (d stroke)

Don’t

  • Assume a named entity exists—there is none for ƌ
  • Substitute plain d when ƌ is required for orthographic accuracy
  • Confuse ƌ (topbar) with other accented d variants
  • Put CSS escape \018C in HTML text nodes
  • Assume all fonts render Latin Extended-B glyphs identically

Key Takeaways

1

Three references render ƌ (no named entity)

&#x018C; &#396;
2

For CSS stylesheets, use the escape in the content property

\018C
3

Unicode U+018C — LATIN SMALL LETTER D WITH TOPBAR

4

Used in Sámi, African orthographies, and extended Latin linguistic content

5

Previous: Lowercase D Tail (ɖ)   Next: Lowercase Dz Caron

❓ Frequently Asked Questions

Use &#x018C; (hex), &#396; (decimal), or \018C in CSS content. There is no named HTML entity; use numeric codes or CSS.
U+018C (LATIN SMALL LETTER D WITH TOPBAR). Latin Extended-B block. Hex 018C, decimal 396. Used in Sámi and other linguistic orthographies.
For linguistic content, Sámi and Northern European orthographies, African language orthographies, language learning resources, and any text requiring the Latin small letter d with topbar.
HTML code (&#396; or &#x018C;) is used in HTML content. The CSS entity (\018C) is used in CSS, e.g. in the content property of pseudo-elements. Both produce ƌ but in different contexts.
No. Named HTML entities do not include extended Latin characters like ƌ. Use &#396; or &#x018C; in HTML, or \018C in CSS. This is standard for Latin Extended-B characters.

Explore More HTML Entities!

Discover 1500+ HTML character references — extended Latin 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.

AWS Certified Developer – Associate (Credly)

8 people found this page helpful

Lowercase D Tail Lowercase Dz Caron