HTML Entity for Phi (ɸ)

What You'll Learn
How to display the Latin small letter phi (ɸ) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+0278 (LATIN SMALL LETTER PHI) in the Latin Extended-B block (U+0180–U+024F)—used in phonetic notation, linguistics, and academic content.
Render it with ɸ, ɸ, or CSS escape \0278. There is no named HTML entity. Do not confuse ɸ with Greek small phi φ (U+03C6) or Greek capital Phi Φ (U+03A6, often used for the golden ratio in math).
⚡ Quick Reference — Phi
U+0278Latin Extended-B
ɸHexadecimal reference
ɸDecimal reference
—Use numeric codes only
Name Value
──────────── ──────────
Unicode U+0278
Hex code ɸ
HTML code ɸ
Named entity (none)
CSS code \0278
Meaning Latin small letter phi
Not the same U+03C6 = φ (Greek small phi)
U+03A6 = Φ (Greek capital Phi)
Block Latin Extended-B (U+0180–U+024F)Complete HTML Example
A simple example showing ɸ using hexadecimal code, decimal HTML code, and a CSS content escape:
<!DOCTYPE html>
<html>
<head>
<style>
#point::after{
content: "\0278";
}
</style>
</head>
<body>
<p>Phi (hex): ɸ</p>
<p>Phi (decimal): ɸ</p>
<p>Phonetic: ɸ Latin phi</p>
<p id="point">Phi (CSS): </p>
</body>
</html>🌐 Browser Support
U+0278 is supported in modern browsers when rendered with a Unicode-capable font:
👀 Live Preview
See the Latin phi letter (ɸ) in phonetic and academic contexts:
🧠 How It Works
Hexadecimal Code
ɸ uses the Unicode hexadecimal value 0278 to display the Latin phi letter.
Decimal HTML Code
ɸ uses the decimal Unicode value 632 for the same character.
CSS Entity
\0278 is used in CSS stylesheets in the content property of pseudo-elements.
Same visual result
All three methods produce ɸ. Unicode U+0278 in Latin Extended-B. Previous: Peso Sign (₱).
Use Cases
The Latin phi letter (ɸ) is commonly used in:
IPA and phonetic transcription guides online.
Academic papers, textbooks, and language resources.
Character pickers and Latin Extended-B references.
Notation requiring the Latin phi glyph, not Greek math symbols.
Specialized Latin-script language materials.
Pair ɸ with descriptive text; do not rely on the glyph alone.
💡 Best Practices
Do
- Use
ɸorɸconsistently per project - Set
<meta charset="utf-8">for reliable rendering - Pick the correct phi: Latin ɸ vs Greek φ / Φ
- Use a Unicode-capable font for Latin Extended-B glyphs
- Test rendering across browsers and devices
Don’t
- Confuse ɸ with Greek φ (U+03C6) or Φ (U+03A6)
- Use padded Unicode notation like U+00278—the correct value is
U+0278 - Use CSS escape
\0278in HTML text nodes - Expect a named entity—none exists for U+0278
- Assume every font renders Latin Extended-B identically—test your typeface
Key Takeaways
Two HTML numeric references render ɸ
ɸ ɸFor CSS stylesheets, use \0278 in the content property
Unicode U+0278 — LATIN SMALL LETTER PHI
Distinct from Greek φ (U+03C6) and Φ (U+03A6)
Previous: Peso Sign (₱) Next: Pinwheel Star
❓ Frequently Asked Questions
ɸ (hex), ɸ (decimal), or \0278 in CSS content. There is no named entity. All render ɸ.U+0278 (LATIN SMALL LETTER PHI). Latin Extended-B block. Hex 0278, decimal 632.Explore More HTML Entities!
Discover 1500+ HTML character references — Latin letters, symbols, and more.
8 people found this page helpful
