ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Neighborhood
• February 3, 2015 at 7:01 am #146565
  dhpl

  Member

  Post count: 31

  Hello, I would like to know how do I add a font that I have download online into the website

  February 3, 2015 at 7:17 am #146567
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please check this documentation http://neighborhood.swiftideas.net/documentation/#font-options. Hope that shoud help to you.
  Thanks
  Mohammad

  February 3, 2015 at 7:28 am #146574
  dhpl

  Member

  Post count: 31

  I tried this before already. But the font I wanted is not inside the list. I want to add my own font, is there any way I can do that?

  February 3, 2015 at 7:38 am #146576
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Which font do you want to add ? In Which list do you want to add? Where did you get font?
  Thanks
  Mohammad

  February 3, 2015 at 7:46 am #146580
  dhpl

  Member

  Post count: 31

  I want to add Kingthings foundation font I got it from font squirrel.
  http://www.fontsquirrel.com/fonts/Kingthings-Foundation-

  February 3, 2015 at 11:28 am #146693
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please follow these article http://premium.wpmudev.org/blog/adding-custom-fonts-to-wordpress-with-font-face-and-css/. Hope that should work fine.
  Thanks
  Mohammad

  February 25, 2015 at 4:30 am #152921
  dhpl

  Member

  Post count: 31

  So I just upload the font and add these code into the custom CSS?

  February 25, 2015 at 7:35 am #152955
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Yes, you are right.
  Thanks
  Mohammad

  February 25, 2015 at 9:38 am #152981
  dhpl

  Member

  Post count: 31

  Hi, I have followed the steps, but the font I want didn’t appear.

  February 25, 2015 at 9:39 am #152983
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please explain the steps in detail as you taken to use custom fonts.
  Thanks
  Mohammad

  February 25, 2015 at 9:57 am #152988
  dhpl

  Member

  Post count: 31

  1. I upload the fonts to my server
  2. I copy and paste the CSS codes from the website and put it in my Custom CSS and did the changes.
  The code I have added is
  @font-face{
  font-family:kingThings;
  src:url(‘http://vulgarsg.com/home/vulgarsg/public_html/wp-content/themes/neighborhood/css/font/Kingthings_Foundation.ttf’) format (“truetype”);
  }
  3. After that I add this code to my custom CSS
  body, h1, h2, h3, h4, h5, h6, a {font-family:kingThings;}

  February 25, 2015 at 10:06 am #152995
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  You’ll need to add !important to your css to override the theme’s font options

  – Kyle

  February 26, 2015 at 2:18 am #153232
  dhpl

  Member

  Post count: 31

  Hi, may I know where do I have to add it?
  I add it here but the font still didn’t change.
  body, h1, h2, h3, h4, h5, h6, a {font-family:kingThings !important;}

  February 26, 2015 at 6:22 am #153248
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Your fonts path are wrong.

  Find this code:-
  @font-face{
  font-family:kingThings;
  src:url(‘http://vulgarsg.com/home/vulgarsg/public_html/wp-content/themes/neighborhood/css/font/Kingthings_Foundation.ttf’) format (“truetype”);
  }
  
  Change to :-
  @font-face{
  font-family:kingThings;
  src:url(‘http://vulgarsg.com/wp-content/themes/neighborhood/css/font/Kingthings_Foundation.ttf’) format (“truetype”);
  }

  I have removed home/vulgarsg/public_html from fonts path.

  Thanks
  Mohammad

  February 26, 2015 at 6:41 am #153258
  dhpl

  Member

  Post count: 31

  I have updated the font path, but the fonts are still the same it is not changing

• Back to forum

  Posted in: Neighborhood