I love having this read long articles to me while I am doing something else, such as washing dishes.
h1, h2, h3, …, h6 are block-level elements. H1 is used for the most important headings and h6 is used for the least important headings.
I use headings hierarchically. That is, I will not use an h4 tag, unless there is an h3 tag above it.
Here are the headings with no particular style applied except for those used by this WordPress theme.
This app allows you to upload fonts to be converted into various webfont formats, such as .ttf, .eot, .woff, and SVG. You can download a zip file containing your font in various formats along with a CSS stylesheet demonstrating how to use @font-face.
Visit and use Font-Face Generator.
CSS Tricks has a very good resource for implementing this in your web designs.