Font's wont work

VaginaMuncher

Chilling with me bitch Fiona
Mar 17, 2013
447
58
I'm using a font called Blocked
Preview;

Right as I'm doing work for a client, and this will be for the logo.
I pasted it into my server /AvokPvP/Fonts/Blocked.ttf
Image;

Then go over to the css document. (Style.css);

Code:
body{ margin:0;padding:0; background: url(/AvokPvP/Images/Background.png); font-family: Blocked;}
@font-face { font-family: Blocked; src: url(/AvokPvP/Fonts/Blocked.ttf);}
.Logo { font-family: Blocked; font-size:18px; color:White; }

HTML
Code:
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>AvokPvP - Home</title>
<link rel="stylesheet" type="text/css" href="/AvokPvP/CSS/Style.css" />
</head>
   
<body>
<!-- Navigation System !-->
<div class="Bar">
<div class="Logo">AvokPvP</div>
<div class="IP">IP: IP Here</div></div>

</body>
</html>

And I end up with;


Don't believe I've made any errors :S
I cannot seem to find the problem, I tried using Bonveno which I used for previous project and that worked...
 

Zodiak

recovering crack addict
Nov 18, 2011
453
417
body{ margin:0;padding:0; background: url(/AvokPvP/Images/Background.png); font-family: Blocked;}
@font-face { font-family: Blocked; src: url(/AvokPvP/Fonts/Blocked.ttf)
format('ttf); }
.Logo { font-family: Blocked; font-size:18px; color:White; }
 

Zodiak

recovering crack addict
Nov 18, 2011
453
417

convert that ttf to woff

Code:
body { margin:0;
padding:0;
background: url(/AvokPvP/Images/Background.png);
font-family: Blocked;
}
@font-face {
font-family: 'Blocked';
src: url(/AvokPvP/Fonts/Blocked.woff) format('woff');
}
.Logo {
font-family: Blocked;
font-size:18px;
color:White;
}
 

VaginaMuncher

Chilling with me bitch Fiona
Mar 17, 2013
447
58

convert that ttf to woff

Code:
body { margin:0;
padding:0;
background: url(/AvokPvP/Images/Background.png);
font-family: Blocked;
}
@font-face {
font-family: 'Blocked';
src: url(/AvokPvP/Fonts/Blocked.woff) format('woff');
}
.Logo {
font-family: Blocked;
font-size:18px;
color:White;
}
That seems to fix it, I'm about to mass convert it so all browsers are supported. Cheers
 

Users who are viewing this thread

Top