Unicode Characters in CSS Content

css-content-unicode.md

Unicode Characters in CSS Content

Many of the little symbols that we regularly use as bullets, arrows, etc. already exist as unicode symbols. [[more intro]]

Usage

Find the code for the symbol you would like to use, some useful links are:

• FileFormat.Info Character Search
• Unicode.org Character Charts
• unicode-table.com

Place them as the content attribute in pseudo-elements (::before, ::after).

If the example includes a "U+" replace that with a "" to get them to render correctly.

Syntax

[selector]::before {
	content: "\*******";
	}

Benefits

[[coming soon]]