This snippets: http://css-tricks.com/snippets/css/common-unicode-icons/

How can/with what I can convert HTML entities to unicode for CSS content value? I often also see that I could attach the symbols anyway just like this:

.foo:before {
  content: "♥";
}

But how is the correct procedure? Thanks for the answer.