How to embed and use custom font

mkarmocha

I checked this https://community.nodebb.org/topic/2674/registering-a-font article but it seems no one has yet provided any solutions.

I generated my custom font from fontsquirrel website and want to use it in nodebb forum.

How can I do that any idea??

agusputra

@mkarmocha Just use custom css.

CtrlV.in Image Hosting

Copy and paste a photo to upload and share it. The easiest way to share your images completely free and with no limits.

(ctrlv.in)

mkarmocha

No, I cannot use that way because I have custom font folder which I have generated through font squirrel

markkus

If you want to use custom fonts, you should upload the font files (.woff etc.) into public folder and still declare them in Custom CSS.
However, I can't give you any examples as I've never tried it myself.
Perhaps this SO post can help...
http://stackoverflow.com/questions/12812441/how-do-i-use-woff-fonts-for-my-website

mkarmocha

@markkus I created the font folder in public directory and later declared my css in my less file and it worked !

daniel aliakbari

hi every body.
1- i solve this by puting my font file into public/fonts folder
2- edit this line in my them variables.less:

//** Load fonts from this directory.
@icon-font-path: "fonts/";
//** File name for all font files.
@icon-font-name: "Samim";
//** Element ID within SVG icon file.
@icon-font-svg-id: "Samim";

3- change font-family to "Samim"