BobG489

Forum Replies Created

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter BobG489

    (@bobg489)

    This topic has been resolved

    Thread Starter BobG489

    (@bobg489)

    I truly appreciate your help. However, I did solve this problem.

    In case anyone needs to know how to do this, feel free to message me but here are the steps:

    1.) Upload font files & css file to C-Panel
    2.) Customize the paths
    – it come stock with webfonts/’fonttitle…’ but you have to change this for A) the link in head (webfonts/…), B) the css sheet that you are linking (in this case MyFontsWebfontsKit.css customize each @font-face path withing this sheet, and C) in your style.css (each @font-face once again, same as your myfontswebfontskit.css)
    3.) Reference the css file in the <head>
    – in my case this was my header-single.php file just like this:
    <head> (..this is already there)
    <link rel=”stylesheet” type=”text/css” href=”wp-content/themes/dt-armada-child/fonts/MyFontsWebfontsKitCustom.css”>
    ………other stuff your theme has
    </head> (this is also already there)
    4.) use @import in style.css (put the @import code at the very top (make it first) of your style.css file
    5.) use @fontface in style.css (under whatever you already have on your style sheet put your @font-face code there
    6.) apply font settings in style.css (now apply the font! in my case, I used:

    body, p, h1 h2 {
    font-family: MulberryScript-Regular;
    }

    One of my main mistakes: getting the correct file paths (I didnt have to include my actual url just src: url(‘wp-content/themes/your theme/fonts/font file title.ttf’) etc….. same went for the link in head

    Another main mistake was that I had my font setting like this

    body, p, h1 h2 {
    font-family: ‘MulberryScript-Regular’;
    }

    I used firebug to figure out that I dont need the ” around my font here. It actually caused it not to work!

    Happy WordPressing! ??

Viewing 2 replies - 1 through 2 (of 2 total)