[resolved] Add a custom font using @font-face (5 posts)

  1. TMNR
    Posted 3 years ago #


    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.


  2. esmi
    Forum Moderator
    Posted 3 years ago #

  3. Give this a read, it may help you out.


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

  4. TMNR
    Posted 3 years 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?


  5. TMNR
    Posted 3 years 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.

Topic Closed

This topic has been closed to new replies.

About this Topic