How to use CSS in Markdown?

Question

I want to use a CSS class in a Markdown file.

For instance, (from fontawesome) should be displayed as

Answer 1

First of all, most of the markdown implementations allow you to use plain html

Where as some markdown implementations offer you an additional syntax for attributes, like ids and classes (e.g. php-markdown {#id .class} for block elements)

As far as I know, fontawesome always needs the leading -tag. Other iconfonts (like weloveiconfonts) add the icon to a existing html tag

text

, in markdown-extra: ## text {.zocial-dribbble}.