HTML Entity for Uppercase Wynn (Ƿ)

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

What You'll Learn

How to display the uppercase wynn (Ƿ) in HTML using hexadecimal, decimal, and CSS escape methods. This character is officially named LATIN CAPITAL LETTER WYNN—the capital form of the historical letter wynn (also called wen) used in Old English and Middle English to represent the /w/ sound before the modern letter w became standard. It is U+01F7 in the Latin Extended-B block.

Render it with Ƿ, Ƿ, or CSS escape \01F7. There is no named HTML entity for wynn. Do not confuse Ƿ (wynn) with plain W (U+0057) or ƿ (lowercase wynn) without case context.

⚡ Quick Reference — Uppercase Wynn Entity

Unicode U+01F7

Latin Extended-B

Hex Code Ƿ

Hexadecimal reference

HTML Code Ƿ

Decimal reference

Named Entity

No named entity

Reference Table
Name           Value
────────────   ──────────
Unicode        U+01F7
Hex code       Ƿ
HTML code      Ƿ
Named entity   (none)
CSS code       \01F7
Meaning        Latin capital letter wynn
Also called    Wen (capital)
Historical     Old English / Middle English /w/
Related        U+01BF = ƿ (lowercase wynn)
Block          Latin Extended-B (U+0180–U+024F)
1

Complete HTML Example

A simple example showing the uppercase wynn (Ƿ) using hexadecimal code, decimal HTML code, the character directly, and a CSS content escape:

html
<!DOCTYPE html>
<html>
<head>
 <style>
  #point:after{
   content: "\01F7";
  }
 </style>
</head>
<body>
<p>Symbol (hex): &#x01F7;</p>
<p>Symbol (decimal): &#503;</p>
<p>Symbol (direct): Ƿ</p>
<p id="point">Symbol (CSS): </p>
</body>
</html>
Try It Yourself

🌐 Browser Support

The uppercase wynn (Ƿ) 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 uppercase wynn (Ƿ) in historical and academic contexts:

Large glyphǷ
Historical useCapital form of the Old English letter for /w/ (replaced by modern w)
Unicode nameLatin capital letter wynn
Case pairǷ (uppercase) / ƿ (lowercase wynn)
Not the same asplain W (U+0057)  |  ʍ (turned w, IPA)  |  Ŵ (W circumflex)
Numeric refs&#x01F7; &#503; \01F7

🧠 How It Works

1

Hexadecimal Code

&#x01F7; uses the Unicode hexadecimal value 01F7 to display the character. The x prefix indicates hexadecimal format.

HTML markup
2

Decimal HTML Code

&#503; uses the decimal Unicode value 503 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 this historical letter.

HTML markup
4

CSS Entity

\01F7 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+01F7 sits in Latin Extended-B. Lowercase wynn is U+01BF (ƿ). Do not confuse with plain W or IPA ʍ. Use fonts with historical Latin support for reliable rendering.

Use Cases

The uppercase wynn (Ƿ) is commonly used in:

📜 Old English texts

Capital wynn in manuscript transcriptions, editions, and headings for Old English content using the historical /w/ letter.

📚 Middle English

Historical texts and scholarly editions from the Middle English period using the wynn letter in uppercase.

🏫 Academic & linguistics

Historical linguistics papers, philology courses, and character charts documenting English letter evolution.

🔤 Education

Medieval studies, Old English language courses, and museum or library digital exhibits.

📄 Digital humanities

Encoded editions of historical texts requiring accurate representation of capital wynn in HTML.

🎨 Typography

Font specimens and design references showcasing historical Latin letters including wynn.

⚙ Programmatic HTML

When building HTML from encoded historical text, using &#503; or &#x01F7; guarantees correct output.

💡 Best Practices

Do

  • Serve pages as UTF-8; you can type Ƿ directly in UTF-8 source
  • Use numeric references (&#x01F7; or &#503;) when escaping is required
  • Use \01F7 in CSS content when generating the symbol via pseudo-elements
  • Use fonts that support Latin Extended-B historical characters
  • Pair with lowercase ƿ (U+01BF) when both cases appear in historical text

Don’t

  • Substitute plain W when Ƿ is required for authentic Old English transcription
  • Confuse Ƿ (historical wynn) with ʍ (IPA turned w) or Ŵ (W circumflex)
  • Use the incorrect CSS escape \001F7—the correct value is \01F7
  • Expect a named HTML entity—none exists for wynn
  • Put CSS escape \01F7 in HTML text nodes

Key Takeaways

1

Type Ƿ directly, or use hex/decimal references

&#x01F7; &#503;
2

For CSS stylesheets, use the escape in the content property

\01F7
3

Unicode U+01F7 — LATIN CAPITAL LETTER WYNN

4

Old English /w/ letter; lowercase is ƿ (U+01BF)

❓ Frequently Asked Questions

Use &#x01F7; (hex), &#503; (decimal), or \01F7 in CSS content. There is no named HTML entity. In UTF-8 you can also type Ƿ directly.
U+01F7 (LATIN CAPITAL LETTER WYNN). Latin Extended-B block. Hex 01F7, decimal 503. Capital form of the historical wynn (wen) letter. Lowercase form is U+01BF (ƿ).
When displaying Old English or Middle English texts in uppercase, medieval manuscript transcriptions, historical linguistics content, academic editions, or typography referencing the capital wynn letter.
Ƿ (U+01F7) is the historical capital letter wynn used in Old English for /w/. Plain W (U+0057) is the modern Latin letter that replaced wynn. For authentic Old English transcription, use wynn where the source text uses it.
No. Use &#503; or &#x01F7; in HTML, or \01F7 in CSS.

Explore More HTML Entities!

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