Web Fonts for Higher Quality UI Icons

Using @font-face Rule

• h
• i
• j
• A
• I

ul.icon-font {
	font-family: WebSymbolsRegular;
	font-size: 12pt;
}

Using Pseudo-elements

• Reply
• Reply All
• Forward
• Attachment
• Image

ul.icon-font.pseudo li:before {
	font-family: WebSymbolsRegular;
	margin-right: 5px;
}
ul.icon-font.pseudo li:nth-child(1):before {
	content: "h";
}
ul.icon-font.pseudo li:nth-child(2):before {
	content: "i";
}
ul.icon-font.pseudo li:nth-child(3):before {
	content: "j";
}
ul.icon-font.pseudo li:nth-child(4):before {
	content: "A";
}
ul.icon-font.pseudo li:nth-child(5):before {
	content: "I";
}

Embeding Private Unicode

