HTML Entity for Lowercase F (f)

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

What You'll Learn

How to display the lowercase letter f in HTML using entity methods. The letter f is the sixth letter of the Latin alphabet (U+0066) and is part of the Basic Latin block. It appears in every Western-language text, from body copy to form labels and code examples. In most cases you can type it directly; numeric or CSS entities are useful when escaping, generating content via CSS, or ensuring correct encoding.

This character can be displayed using the character itself, a hexadecimal reference, a decimal reference, or a CSS escape in the content property. There is no named HTML entity like &f; for this letter.

⚡ Quick Reference — Lowercase F Entity

Unicode U+0066

Basic Latin (ASCII)

Hex Code f

Hexadecimal reference

HTML Code f

Decimal reference

Direct Character f

Type directly (no named entity)

Reference Table
Name           Value
────────────   ──────────
Unicode        U+0066
Hex code       f
HTML code      f
Named entity   (none — use f directly)
CSS code       \66
Meaning        Latin small letter f
Related        U+0046 = F (uppercase)
Block          Basic Latin (U+0000–U+007F)
1

Complete HTML Example

A simple example showing the lowercase letter f using hexadecimal code, decimal HTML code, the character directly, and a CSS content escape:

html
<!DOCTYPE html>
<html>
<head>
 <style>
  #point:after{
   content: "\66";
  }
 </style>
</head>
<body>
<p>Symbol (hex): &#x66;</p>
<p>Symbol (decimal): &#102;</p>
<p>Symbol (direct): f</p>
<p id="point">Symbol (CSS): </p>
</body>
</html>
Try it Yourself

🌐 Browser Support

The lowercase letter f (U+0066) is universally supported in all browsers and platforms as part of Basic Latin:

Chrome1+
Firefox1+
Safari1+
Edge12+
Opera4+
Android4.4+
iOS Safari1+

👀 Live Preview

See the lowercase letter f in common text contexts:

Large glyphf
Body textThe letter f appears in words like format, first, and font.
LabelFirst name, format, file
Alphabetd e f g h i
Not the same asƒ (f hook / florin, U+0192, &fnof;)
Numeric refs&#x66; &#102; \66

🧠 How It Works

1

Hexadecimal Code

&#x66; uses the Unicode hexadecimal value 66 to display the letter. The x prefix indicates hexadecimal format.

HTML markup
2

Decimal HTML Code

&#102; uses the decimal Unicode value 102 to display the same character. This is the ASCII/Unicode decimal for f.

HTML markup
3

Direct Character

Type f directly in HTML. There is no named entity like &f;; the character itself is the standard approach in body text.

HTML markup
4

CSS Entity

\66 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: f. Unicode U+0066 sits in Basic Latin. The uppercase form is U+0046 (F). Do not confuse plain f with ƒ (f hook, &fnof;). In normal text, typing f is preferred.

Use Cases

The lowercase letter f (or its entity forms) is commonly used in:

📝 Body text

Standard character in paragraphs, articles, and any Latin-script text. Usually typed directly.

📄 Forms & labels

Display labels, placeholders, or values that include the letter f (e.g., “first name”, “format”, “file”).

🎨 CSS generated content

Using \66 in the CSS content property to insert f via ::before or ::after.

💻 Programming & docs

Code examples, variable names, function names, and technical documentation that use the character f.

⚙ Programmatic HTML

When building HTML in code, using &#102; or &#x66; ensures correct output regardless of encoding context.

🔤 Typography & fonts

Reference or demonstrate the lowercase f in font samples, type specimens, and design systems.

🌐 Internationalization

Ensure consistent representation of the letter f across different encodings and platforms.

💡 Best Practices

Do

  • Type f directly in body content; use entities only when necessary
  • Serve pages as UTF-8 so Basic Latin characters render without entities
  • Use numeric references (&#x66; or &#102;) when escaping is required
  • Use \66 in CSS content when generating the letter via pseudo-elements
  • Remember lowercase f is U+0066 and uppercase F is U+0046 when case matters

Don’t

  • Overuse numeric entities for f in normal readable text
  • Expect a named HTML entity like &f;—none exists for this letter
  • Confuse plain f (U+0066) with ƒ (f hook / florin, U+0192, &fnof;)
  • Put CSS escape \66 in HTML text nodes
  • Mix entity styles randomly in one file without reason

Key Takeaways

1

Type f directly, or use hex/decimal references

&#x66; &#102;
2

For CSS stylesheets, use the escape in the content property

\66
3

Unicode U+0066 — LATIN SMALL LETTER F

4

Sixth letter of the Latin alphabet (Basic Latin block)

❓ Frequently Asked Questions

Type f directly, or use &#x66; (hex), &#102; (decimal), or \66 in CSS content. For most content, typing f is standard; use numeric or CSS entities when escaping or generating via CSS.
U+0066 (LATIN SMALL LETTER F). Basic Latin block. Hex 66, decimal 102. It is the sixth letter of the Latin alphabet and a standard character in virtually all Western scripts.
Use numeric or CSS entities when generating HTML programmatically, escaping in attributes, using CSS ::before/::after content, or ensuring encoding in legacy systems. For normal body text, typing f is preferred.
The plain letter f is U+0066 (Basic Latin). The character ƒ (Latin small letter f with hook, or florin/function symbol) is U+0192 and has the HTML named entity &fnof;. Use f for the letter and ƒ only when you need the hook symbol (e.g., currency or function notation).
No. HTML does not define a named entity like &f; for the letter f. Use the character f directly, or numeric references &#102; (decimal) or &#x66; (hex). Named entities are mainly for characters with special meaning (e.g. &lt;, &amp;).

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