After trying to implement a font from bulletproof @font-face as a template for my website, I am facing issues. My goal is to utilize the perspective-sans black regular font. Despite uploading the necessary files - including the css style sheet provided in the kit, along with the eot, ttf, and woff files of the font - it seems that something is amiss. The current font being displayed is just the default option.
@font-face {
font-family: 'persanbk'; src:
url('persanbk-webfont.eot') format('eot'),
url('persanbk-webfont.woff') format('woff'),
url('persanbk-webfont.ttf') format('truetype')
}
#h2 {
position:absolute;
top:30%;
left:50%;
margin-top:-20px;
margin-left:-351px;
width:702px;
height:60px;
font:50px persanbk, sans serif;
color:#cc0257;
}
<div id='h2'>
The earth is but one country,
</div>