Welcome!

And don't forget to edit your signature & profile.

 

Icon

Statistics

  • Total posts 23318
  • Total topics 4048
  • Total members 5574
  • Our newest member
    ALF5583

TOP POSTERS

Multiple fonts w/@font-face

A place for those who love typography or have typography-related questions. Discussion includes font management, type design and type treatment.
   

Multiple fonts w/@font-face

Postby bigdog61 » Sun Oct 04, 2009 6:29 pm

Can I use several fonts with the @font-face style? I want to use three fonts this way, but I can't figure out the code. So far I have this in my style sheet:

@font-face {
font-family: 'Underwood Champion Regular';
src: url('underwood_champion.eot');
src: local('Underwood Champion Regular'), local('UnderwoodChampion-Regular'), url('underwood_champion.ttf') format('truetype');
}

.champ {
font-family: 'Underwood Champion Regular', sans-serif;
}

I apply the class style "champ" to access this font and this works fine, but I want to add 2 other fonts (each will be also applied with a class). Can someone help?
bigdog61
 
Posts: 4
Joined: Mon Feb 09, 2009 3:38 pm
   

   

Re: Multiple fonts w/@font-face

Postby Andy » Sun Oct 04, 2009 6:45 pm

So create more @font-face declarations with different font-family names along with new classes referencing it.
Andy
Smashing <h5>
 
Posts: 1023
Joined: Tue Sep 30, 2008 6:42 pm
Location: Sweden
   


Return to Typography



Who is online

Users browsing this forum: No registered users and 1 guest