Heydings Icons CSS

I was looking for a font with a simple yet accessible-friendly method of using icons in css. I couldn't find one with an implementation I liked, so I created this css file for the wonderful icon set by Heydon Pickering.

HTML

<!DOCTYPE HTML>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <table width="550">
    <tr>
        <td valign="top">
            <h3 class="caution icon">caution</h3>
            <h3 class="starburst icon">starburst</h3>
            <h3 class="plus icon">plus</h3>
            <h3 class="minus icon">minus</h3>
            <h3 class="piechart icon">piechart</h3>
            <h3 class="thumbsdown icon">thumbsdown</h3>
            <h3 class="network icon">network</h3>
            <h3 class="speedometer icon">speedometer</h3>
            <h3 class="filecabinet icon">filecabinet</h3>
            <h3 class="thumbsup icon">thumbsup</h3>
            <h3 class="crosshair icon">crosshair</h3>
            <h3 class="person icon">person</h3>
            <h3 class="bookmark icon">bookmark</h3>
            <h3 class="cog icon">cog</h3>
            <h3 class="document icon">document</h3>
        </td>
        <td valign="top">
            <h3 class="email icon">email</h3>
            <h3 class="folder icon">folder</h3>
            <h3 class="wrench icon">wrench</h3>
            <h3 class="home icon">home</h3>
            <h3 class="camera icon">camera</h3>
            <h3 class="notepadopen icon">notepadopen</h3>
            <h3 class="key icon">key</h3>
            <h3 class="lock icon">lock</h3>
            <h3 class="search icon">search</h3>
            <h3 class="compass icon">compass</h3>
            <h3 class="pass icon">pass</h3>
            <h3 class="pin icon">pin</h3>
            <h3 class="questionmark icon">questionmark</h3>
            <h3 class="rss icon">rss</h3>
            <h3 class="basket icon">basket</h3>
        </td>
        <td valign="top">
            <h3 class="stopwatch icon">stopwatch</h3>
            <h3 class="calculator icon">calculator</h3>
            <h3 class="clacker icon">clacker</h3>
            <h3 class="anvil icon">anvil</h3>
            <h3 class="fail icon">fail</h3>
            <h3...

CSS

/* ICONS */
.icon:before{font:50px/1 'HeydingsCommonIconsRegular';height:50px;width:50px;margin:2px 15px 2px...