How to add your own font?

[dhpl]

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

[Mohammad – SUPPORT]

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

[dhpl]

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?

[Mohammad – SUPPORT]

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

[dhpl]

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

[Mohammad – SUPPORT]

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

[dhpl]

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

[Mohammad – SUPPORT]

Hi,
Yes, you are right.
Thanks
Mohammad

[dhpl]

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

[Mohammad – SUPPORT]

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

[dhpl]

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;}

[Kyle – SUPPORT]

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

– Kyle

[dhpl]

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;}

[Mohammad – SUPPORT]

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

[dhpl]

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