HTML Entity for Function (ƒ)
What You'll Learn
How to display the Function symbol (ƒ) in HTML using hexadecimal, decimal, named entity, and CSS escape methods. Also known as the Latin small letter f with hook or florin sign, it appears in mathematics (e.g. ƒ(x)), linguistics, and historical currency notation.
This character is part of the Latin Extended-B Unicode block (U+0180–U+024F) and can be rendered with ƒ, ƒ, the named entity ƒ, or CSS escape \0192 in the content property.
⚡ Quick Reference — Function Entity
U+0192Latin Extended-B block
ƒHexadecimal reference
ƒDecimal reference
ƒMost readable option
Name Value
──────────── ──────────
Unicode U+0192
Hex code ƒ
HTML code ƒ
Named entity ƒ
CSS code \0192
Meaning Function / florin (f with hook)Complete HTML Example
This example demonstrates the Function symbol (ƒ) using hexadecimal code, decimal HTML code, the named entity, and a CSS content escape on a pseudo-element:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\0192";
}
</style>
</head>
<body>
<p>Function using Hexadecimal: ƒ</p>
<p>Function using HTML Code: ƒ</p>
<p>Function using Named Entity: ƒ</p>
<p id="point">Function using CSS Entity: </p>
</body>
</html>🌐 Browser Support
The Function symbol (ƒ) is widely supported in modern browsers with a suitable font:
👀 Live Preview
See the Function symbol (ƒ) rendered live in different contexts:
ƒ renders as ƒ in HTML🧠 How It Works
Hexadecimal Code
ƒ uses the Unicode hexadecimal value 0192 to display the Function symbol. The x prefix indicates hexadecimal format.
Decimal HTML Code
ƒ uses the decimal Unicode value 402 to display the same character. This is a common method in HTML.
CSS Entity
\0192 is used in CSS stylesheets, particularly in the content property of pseudo-elements like ::before and ::after.
Named Entity
ƒ is the standard named entity (from “function”) — the easiest to read in source HTML and ideal for maintainable markup.
Same visual result
All four methods produce the Function glyph: ƒ. Unicode U+0192 sits in the Latin Extended-B block (U+0180–U+024F).
Use Cases
The Function symbol (ƒ) commonly appears in the following scenarios:
Function notation in formulas (e.g. ƒ(x), ƒ: A → B) in educational content.
Phonetic or linguistic notation where the f-with-hook character is required.
Dutch guilder (florin) or other historical currency symbol references.
API docs, math tutorials, or academic papers that reference functions.
HTML entity lists, Unicode charts, and character reference pages.
Displaying mathematical expressions on web pages with proper typography.
💡 Best Practices
Do
- Prefer
ƒfor readable, maintainable source markup - Pick one style (hex / decimal / named) per project
- Add
aria-labelwhen ƒ stands alone without surrounding text - Test the glyph across browsers and serif/math fonts
- Pair ƒ with plain language on first use (e.g. “function ƒ”)
Don’t
- Mix entity styles randomly in one file
- Assume every font distinguishes ƒ from italic f
- Use CSS escape
\0192inside HTML text nodes - Use HTML entities in JavaScript (use
\u0192instead) - Confuse ƒ (function/florin) with ordinary letter f in prose
Key Takeaways
Three HTML references all render ƒ
ƒ ƒ ƒFor CSS stylesheets, use the escape in the content property
\0192Unicode U+0192 — Latin Extended-B (U+0180–U+024F)
Prefer ƒ for readability—standard named entity for ƒ
Next: Funeral Urn (⚱)
❓ Frequently Asked Questions
ƒ (hex), ƒ (decimal), ƒ (named), or \0192 in CSS content. All produce ƒ.U+0192 (hex 0192, decimal 402). Latin Extended-B block. Also known as Latin small letter f with hook or florin sign.ƒ, ƒ, or ƒ) go directly in markup. The CSS escape \0192 is used in stylesheets, typically in the content property of ::before or ::after. Same visual result, different layers of the stack.ƒ is the named entity for ƒ. ƒ and ƒ are equivalent numeric references in modern browsers.Explore More HTML Entities!
Discover 1500+ HTML character references — math symbols, currency signs, Latin letters, and more.
About the author
8 people found this page helpful