WordPress.org

1. TMNR
   Member
   Posted 6 months ago #
   

   Hi,

   How do i add a custom font using @font-face? I've tried following this tutorial: http://www.evolutionarydesigns.net/blog/2012/04/02/how-to-add-custom-fonts-to-wordpress/ but for some reason the font i try to change is being set to default Times New Roman. Here's what i've added to the top of style.css:

   @font-face {
   font-family: FuturaLTNormal;
   src: FuturaLTNormal.ttf;
   }
   a {font-family: FuturaLTNormal;}

   The font FuturaLTNormal.ttf is in the same directory as style.css.

   Thanks

2. esmi
   Theme Diva & Forum Moderator
   Posted 6 months ago #
   

   Have a look at http://www.w3schools.com/cssref/css3_pr_font-face_rule.asp

3. Jan Dembowski
   Volunteer Mod. & Brute Squad
   Posted 6 months ago #
   

   Give this a read, it may help you out.

   http://codex.wordpress.org/Playing_With_Fonts

   Edit: Seriously, Esmi beat me by 7 seconds? I'm getting coffee... ;)

4. TMNR
   Member
   Posted 6 months ago #
   

   That gave me allot of insight on how fall-back fonts work and other useful things. Also i understood that the question on what to change would be best answered by my theme owner. Thank you for that.

   But i still have one more question. In my style.css i can change specific object's font size, color, etc. That means i can overwrite default settings by adding my own CSS to style.css. What i don't understand is where font importing is supposed to be happening, can i do it in style.css and overwrite theme author's setting? In other words, is it possible to import my font in style.css or do i have to track down where the theme developer did it and edit it?

   Thanks

5. TMNR
   Member
   Posted 6 months ago #
   

   After pulling my hair for a while, i've decided to try a different font, just in case the one i wanted was broken. And what do you know...
   Problem solved.

Reply

You must log in to post.