Fonts to use

[DavidJulio]

Hello,

I would like to use DIN PRO font on my website.
I have the *.otf files on my computer. (black, bold, light, medium, regular)

Could you please help me to upload them as I can not do it from your Flexform options panel?

Thanks,
DJ

[Mohammad – SUPPORT]

Hi,u
Do you have any java script code to load fonts? You can check this options http://flexform.swiftideas.net/documentation/#font-options.
Thanks 🙂
With Best Regards
Swift Ideas

[DavidJulio]

Hello,

No js code available, just a rar file with the five formats in *.otf.
There is no way to implement it through ftp?

Rgds,
DJ

[Mohammad – SUPPORT]

Hi,
You should have any documentation. Please upload font at server in a directory named fonts and use code like:
@font-face {
font-family: ‘fontName’;
src: url(‘fontName.eot?’) format(‘eot’), url(‘fontName.woff’) format(‘woff’), url(‘GraublauWeb.ttf’) format(‘truetype’);
}

You need to change the path and name of fonts.

Thanks 🙂
With Best Regards
Swift Ideas

[DavidJulio]

This reply has been marked as private.

[Mohammad – SUPPORT]

Hi,
Now fonts are loading perfect so please use fonts through css code now.
Thanks 🙂
With Best Regards
Swift Ideas

[DavidJulio]

Hi Mohammad,

Thanks for your help!
I just see the code you add. Thanks again mate!
Indeed, the code I wrote was not perfect!!

However, I do not find it as a possible choice in “options theme/font options” within the standard list of choice and in the menu ”format” tab when I wrote an article.

So, basically, my guess is how can use it as the default font for my whole site?

Thanks again for your help,
DJ

[Mohammad – SUPPORT]

Hi,
I added given below code at style.css of theme to load fonts-:

@font-face {
font-family: 'DINPro';
src: url(fonts/DINPro-Black.otf?') format('otf'), url('fonts/DINPro-Bold.otf') format('otf'), url('fonts/DINPro-Light.otf') format('otf'), url('fonts/DINPro-Medium.otf?') format('otf'), url('fonts/DINPro-Regular.otf') format('otf');
}

I dont know that how to use so you need to check documentation.
Thanks 🙂
With Best Regards
Swift Ideas

[DavidJulio]

Hi,

I rewrote your code on the custom css box and also add it to style.css but it is still not working.

@font-face {
font-family: DinPro;
font-weight: regular;
src: url(“http://www.weemake.fr/wp-content/themes/flexform/fonts/DINPro-Regular.otf”) format(“opentype”);
}

@font-face {
font-family: DinPro;
font-weight: bold;
src: url(“http://www.weemake.fr/wp-content/themes/flexform/fonts/DINPro-Bold.otf”) format(“opentype”);
}

@font-face {
font-family: DinPro;
font-weight: black;
src: url(“http://www.weemake.fr/wp-content/themes/flexform/fonts/DINPro-Black.otf”) format(“opentype”);
}

@font-face {
font-family: DinPro;
font-weight: light;
src: url(“http://www.weemake.fr/wp-content/themes/flexform/fonts/DINPro-Light.otf”) format(“opentype”);
}

@font-face {
font-family: DinPro;
font-weight: medium;
src: url(“http://www.weemake.fr/wp-content/themes/flexform/fonts/DINPro-Medium.otf”) format(“opentype”);
}

[Mohammad – SUPPORT]

Hi,
Please remove that code and use code for a tag like p :-
p{font-family: DinPro !important; font-weight: light;}
Thanks 🙂
With Best Regards
Swift Ideas

[DavidJulio]

I remove it from the css custom box or the style.css sheet, or from both?

[Mohammad – SUPPORT]

Hi,
Only from custom css.
Thanks 🙂
With Best Regards
Swift Ideas

[DavidJulio]

OK, I put back everything you did in both “custom css box” and “style.css” sheet, removed the first piece of code in “custom css box” to put the last one you sent me.
It’s still not working.

I am trying to find a way in my side but it’s tough..

[Mohammad – SUPPORT]

Hi,
Please dont remove from style.css and contact at font developer to get it working. They should help to you sure.

Thanks 🙂
With Best Regards
Swift Ideas

[DavidJulio]

This is on my style.css sheet:

@font-face {
font-family: ‘DINPro’;
src: url(fonts/DINPro-Black.otf?’) format(‘otf’), url(‘fonts/DINPro-Bold.otf’) format(‘otf’), url(‘fonts/DINPro-Light.otf’) format(‘otf’), url(‘fonts/DINPro-Medium.otf?’) format(‘otf’), url(‘fonts/DINPro-Regular.otf’) format(‘otf’);
}

and this is in the custom css box:
{font-family: DinPro !important; font-weight: light;}

There is a font folder in wp-content/themes/flexform/css while we included a ”fonts” folder in wp-content/themes/flexform/
Maybe the “fonts” folder is not located in the right place?