<html>
<head>
<style>
.foo{
display:inline-block;
}
.foo-bar:before{
content:'\f007'
}
</style>
</head>
<body>
<div>
<h1><span class="foo foo-bar" aria-hidden="true"></span>line 1</h1>
<h1><a href="#link1" aria-hidden="true"><span class="foo"></span></a>line 2</h1>
<h1><a href="#link2" aria-hidden="true"><span class="foo"></span></a>line 3</h1>
</div>
</body>
</html>