Jace Bayless
Jace Bayless

Reputation: 99

CSS Using your own font

Alright so I'm trying to use a font I found on the internet. I followed W3schools on how to do it but it's not working. What I have right now is...

HTML:
<a href="link.html" class="links">Link</a>

CSS: 
@font-face {
     font-family: myFirstFont;
     src: url(simplifica.ttf);
}

.links{
     font-family: myFirstFont;
}

for some reason it's not working though. I know the css for .links is working though cause I have other stuff in there and it works but for some reason font-family isn't working.

Upvotes: 0

Views: 987

Answers (1)

big booty bpb
big booty bpb

Reputation: 13

Add "fonts" folder, then link it:

   @font-face {
  font-family: Simp; 
  src: local('Simplifica Regular'), local('Simplifica'); 
  /* Check how the font is written on the machine --> Right click on file -> Details -> Title */ 
  src: url(/fonts/simplifica.ttf) format('truetype'); 
  font-weight: normal;}

Hope this helps.

Upvotes: 1

Related Questions