Adding custom font to wordpress theme

  • Hello,

    It says to be short and brief so 1st post hello.

    I have been rapidly ageing attempting to add custom font to my theme “Metrolium.”

    I followed the following article https://www.wphub.com/tutorials/adding-custom-fonts-wordpress-website/ but faltered at step 12.

    The article does not go in to enough detail for a beginner like me.

    What I am about to embark on is investigating which text parts of my viewable website https://www.justtest.co.uk can be altered using the themes customization tool in wordpress. From here I want to try and find the corresponding css “code.”

    So for example: Under the headings section in the WP theme customization tool, I can see there are six headings referred to as H1,H2,H3,H4,H5 and H6.

    I hope to find references to H1,H2,H3,H4,H5 and H6 and then use the css codes from this specification: file:///C:/Users/Zeus/AppData/Local/Temp/Temp1_MyFontsWebfontsKit.zip/MyFontsWebfontsKit/StartHere.html which came with the font I bought.

    Any help would be really appreciated,

    Daniel

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter Daniel Hughes

    (@daniel-hughes)

    So moving on I have found a number of things I didn’t previously know:

    The article I referred to above mentions two things which I think are of real importance. (And i’m guessing that I won’t be the last person to be experiencing these problems so using the “How to” article in my first post hopefully we can unravel the mystery and help other people in the future.)

    Step 4 says: Using an FTP client such as FileZilla, go to your WordPress directory and locate the folder wp-content/themes/your-current-theme/

    This can be found in the control panel which is supplied/accessed by whichever company you chose to host your wp website. Go to file manager, public_html, wp-content, themes, your theme whatever you chose or uploaded then header.php

    Step 12 says: Open your theme’s main style sheet and add the font-family tag with your font’s name wherever you want the new font to appear.

    Your main style sheet is found again in your control panel, file manager, html_public, wp content, wp themes, your theme, assets, css, style.css

    So I now beleive I have found the main style sheet and have identified various tags in there where I beleive I can somehow link to my web font kit.

    Can anyone add something to this to point me in the right direction?

    Thread Starter Daniel Hughes

    (@daniel-hughes)

    I have updated the HEAD section of my header.php file from the theme with a link to the kits license and have also updated what I beleive to be the themes main style css sheet.

    However myfonts says the following:

    Include a reference to the Kit. Locate the CSS file in the Kit’s main folder. You should place a reference to this file in the head section of your website’s HTML code. Make sure that the reference appears on all HTML pages of your site.

    I’m not sure if I have completed the referencing to HTML.

    Does anyone have any knowledge of this part? What and where can I find my sites main HTML?

    Thanks, Dan

    try your header.php file, typically found on the right hand side under appearance and editor

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Adding custom font to wordpress theme’ is closed to new replies.

Tags