HTML Entity for Degree Fahrenheit (℉)
What You'll Learn
How to display the Degree Fahrenheit symbol (℉) in HTML using hexadecimal, decimal, and CSS entity methods. This character is U+2109 (DEGREE FAHRENHEIT) in the Letterlike Symbols block (U+2100–U+214F)—a single glyph that combines the degree sign with the letter F for the Fahrenheit temperature scale.
There is no named HTML entity for U+2109. Use ℉, ℉, or \2109 in CSS content. As an alternative, °F renders °F (degree sign + F). See Degree Celsius (℃) for the Celsius counterpart.
⚡ Quick Reference — Degree Fahrenheit
U+2109Letterlike Symbols block
℉Hexadecimal reference
℉Decimal reference
—None (°F for °F)
Name Value
──────────── ──────────
Unicode U+2109
Hex code ℉
HTML code ℉
Named entity —
CSS code \2109
Alternative °F (°F)Complete HTML Example
This example demonstrates the Degree Fahrenheit symbol (℉) using hexadecimal code, decimal HTML code, and a CSS content escape. There is no named HTML entity:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\2109";
}
</style>
</head>
<body>
<p>Degree Fahrenheit using Hexadecimal: ℉</p>
<p>Degree Fahrenheit using HTML Code: ℉</p>
<p id="point">Degree Fahrenheit using CSS Entity: </p>
</body>
</html>🌐 Browser Support
U+2109 is supported in modern browsers; use a font with Letterlike Symbols coverage for consistent display:
👀 Live Preview
See the Degree Fahrenheit symbol (℉) in temperature contexts:
🧠 How It Works
Hexadecimal Code
℉ uses the Unicode hexadecimal value 2109 to display the Degree Fahrenheit symbol.
Decimal HTML Code
℉ uses the decimal Unicode value 8457 to display the same character.
CSS Entity
\2109 is used in CSS stylesheets, particularly in the content property of ::before or ::after.
Same visual result
All three methods produce: ℉. Unicode U+2109 is in Letterlike Symbols. Alternative: °F for °F.
Use Cases
The Degree Fahrenheit symbol (℉) is commonly used in:
Temperature displays and weather apps in Fahrenheit (e.g. 72 ℉), common in the United States.
Lab reports and educational materials using the Fahrenheit scale.
Oven temperatures and recipes for US audiences (e.g. 350 ℉).
Body temperature and health apps in US markets (e.g. 98.6 ℉).
IoT sensor data and dual-scale displays showing ℉ alongside ℃.
Unicode tables and HTML entity guides for temperature units.
💡 Best Practices
Do
- Use
℉or℉for the single ℉ character - Use
°Fwhen ℉ is unavailable in a font - Choose fonts with Letterlike Symbols coverage
- Use
\2109only inside CSScontent - Link to Degree Celsius when showing dual scales
Don’t
- Assume a named entity exists for U+2109—it does not
- Confuse ℉ with °F unless typography allows either
- Rely on fonts that omit Letterlike Symbols (glyph may show as a box)
- Put CSS escape
\2109in HTML text nodes - Mix hex and decimal styles randomly in one file
Key Takeaways
No named entity—use numeric references
℉ ℉For CSS stylesheets, use the escape in the content property
\2109Unicode U+2109 DEGREE FAHRENHEIT
Alternative: °F renders °F (two-part notation)
Pair with ℃ when showing Celsius and Fahrenheit together
❓ Frequently Asked Questions
℉ (hex), ℉ (decimal), or \2109 in CSS content. There is no named HTML entity. Alternatively use °F for °F.U+2109 (DEGREE FAHRENHEIT). Letterlike Symbols block. Hex 2109, decimal 8457. Combines degree sign with F for Fahrenheit.℉ or ℉, or °F for °F.℉ or ℉) go in markup. The CSS escape \2109 is used in stylesheets, typically in the content property of pseudo-elements. Both render ℉.Explore More HTML Entities!
Discover 1500+ HTML character references — temperature units, math operators, arrows, and more.
About the author
8 people found this page helpful