Photoshop Usage

Use the .OTF version of the font for Photoshop mockups, the web-font versions won't work. For most accurate results, pick the "Sharp" font smoothing.

CSS Usage

Link the stylesheet:

<link rel="stylesheet" href="css/properticons.css">

Now add the icons using the :before selector. You can insert the Bed icon like this:

.myicon:before { content: "\e001"; display: inline-block; -webkit-font-smoothing: antialiased; font: normal 20px/1 'properticons'; vertical-align: top; }