Lowercase f is the Basic Latin character at Unicode U+0066 (LATIN SMALL LETTER F). You can type f directly in HTML, or write it with a numeric character reference when you need an explicit entity form.
Remember
Character f
Unicode U+0066
Hex entity f
Decimal f
CSS escape \0066
Named entity (none)
All of these produce the same glyph: f. Prefer typing f in normal page text; use entities for CSS content, generated markup, or when encoding must be explicit.
Reference
Quick Reference
One table for every form you will actually use.
Form
Code
Where it goes
Direct character
f
HTML text (default choice)
Hex entity
f
HTML markup
Decimal entity
f
HTML markup
CSS escape
\0066
Stylesheet content
Named entity
—
Not defined in HTML5
When to Use Which
Situation
Use
Normal paragraphs, headings, labels
Type f
Need an entity in HTML source
f or f
Generated text via ::before / ::after
content: "\0066"
Looking for &f; or similar
Does not exist — use numeric form
Florin / function symbol (ƒ)
ƒ (different character)
See it
Live Preview
Lowercase f rendered in common UI contexts.
Inline textThe letter f appears in words like format and font.
Large glyphf
Alphabetd e f g h
Monospacefunction foo() { }
With entitiesHex: f | Decimal: f
Not the sameƒ (florin / f hook, ƒ)
Code
Complete HTML Example
One page that shows lowercase f with the hex entity, decimal entity, CSS escape, and a typed character. Use View Output or open the live editor.
Hex + Decimal + CSS + Typed
All four ways to produce f in a single document.
html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Lowercase F (f) in HTML</title>
<style>
#point::after {
content: "\0066";
}
</style>
</head>
<body>
<p>Lowercase F using Hex Code: f</p>
<p>Lowercase F using HTML Code: f</p>
<p id="point">Lowercase F using CSS Entity: </p>
<p>Typed directly: f</p>
</body>
</html>
Lowercase F using Hex Code: f
Lowercase F using HTML Code: f
Lowercase F using CSS Entity: f
Typed directly: f
How It Works
1. Hex:U+0066 → f in HTML. The browser turns it into f.
2. Decimal: same code point as 102 → f. Same result as hex.
3. CSS: use \0066 in content (not an HTML entity). #point::after appends that f after the paragraph text.
4. Typed f: best for normal text. All four lines show the same letter.
Pitfalls & Tips
Common mistakes when working with the lowercase f entity.
Named?
No &f;
HTML5 does not define a named entity for ASCII letters. Use numeric forms.
CSS vs HTML
Do not mix escapes
\0066 belongs in CSS. f / f belong in HTML.
f vs ƒ
Not florin
ƒ is U+0192 (ƒ) — a different character from plain f.
Default
Type f when you can
Entities are for encoding needs — not required for ordinary body text.
Semicolon
End references
Always finish with ; — write f, not f.
Case
f vs F
Uppercase F is U+0046 — a different code point from U+0066.
Compatibility
Browser Support
Lowercase f (U+0066) and its numeric entity forms (f, f, CSS \\0066) are supported in all mainstream browsers.
✓ Universal support
Lowercase F (f)
Type f, or encode with hex, decimal, or CSS escape — same glyph everywhere.
100%Browser coverage
Google ChromeSupported
Yes
Microsoft EdgeSupported
Yes
Mozilla FirefoxSupported
Yes
Apple SafariSupported
Yes
OperaSupported
Yes
Internet ExplorerAll versions
Yes
U+0066 / entitiesFull support
Bottom line: Use a typed f for normal text. Prefer f or f in HTML when encoding must be explicit, and \\0066 only inside CSS content.
Remember
Key Takeaways
Unicode: lowercase f is U+0066 (decimal 102).
HTML: use f or f when you need an entity.
CSS: use \0066 inside content for generated text.
Default: type f directly unless encoding requires an entity.
One line:U+0066 → type f, or encode as f / f / CSS \0066.
Frequently Asked Questions
Use f (hex), f (decimal), or the CSS escape \0066 in the content property. All render the letter f. In most cases you can also type f directly.
U+0066 (LATIN SMALL LETTER F). Hex 66, decimal 102. It belongs to the Basic Latin (ASCII) block and is the sixth letter of the Latin alphabet.
No. ASCII letters like f do not have named HTML entities in HTML5, so you should use numeric references like f or f when you need an entity form.
Use entities when generating content in CSS, when you want explicit encoding, or when outputting into contexts where escaping is required. For normal body text, typing f directly is usually best.
HTML entities (f or f) go in markup. The CSS escape \0066 is used in stylesheets (usually in the content property of ::before/::after). Both render f.
Plain f is U+0066. The florin / function symbol ƒ is U+0192 and has the named entity ƒ. Use f for the letter; use ƒ only when you need that special symbol.
🤔
Did you know?
Lowercase f is Unicode U+0066 (decimal 102). HTML5 has no named entity for it — use f or f when you need an entity form. Do not confuse it with florin ƒ (ƒ).
