字体真棒链接不起作用

我正在着陆。 https://merrymaker14.github.io/portfolio

但是 Font Awesome 中的图标不能用作链接。

<!-- Font Awesome -->
     <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
...
<div class="media">
<ul>
    <li>    
        <a target="_blank" class="btn btn-social-icon btn-vk" href="https://vk.com/merrymaker14">
            <span class="fa fa-vk"></span>
        </a>
    </li>
    ...
</ul>
</div>

为什么？该示例在链接中。