Add custom fonts

khaledwhisper
37 Posts
khaledwhisper posted this 04 November 2014

how to add custom fonts like arabic fonts ??

how to add custom fonts like arabic fonts ??

Last edited 06 November 2014 by Support Team

Vote to pay developers attention to this features or issue.
9 Comments
Order By: Standard | Newest
Support Team
Support Team posted this 05 November 2014

Hello

Unfortunately this feature is not supported at this time. Themler supports only web safe fonts and google fonts.
But you can add custom font manually. For this you simply need to add @font-face rule to the Theme Settings >> Additional CSS and override default style of body and headings with the following code:

body, h1, h2, h3, h4, h5, h6 {font-family: 'YOUR_FONT';}

This default font will be used when "No font/inherit" option is specified.

Please let us know if you have any other questions.

Thank you,
Olivia

Hello Unfortunately this feature is not supported at this time. Themler supports only web safe fonts and google fonts. But you can add custom font manually. For this you simply need to add @font-face rule to the Theme Settings >> Additional CSS and override default style of body and headings with the following code: body, h1, h2, h3, h4, h5, h6 {font-family: 'YOUR_FONT';} This default font will be used when "No font/inherit" option is specified. Please let us know if you have any other questions. Thank you, Olivia
Support Team
Support Team posted this 20 November 2014

Hi,

You can also add the fonts using the Google Fonts, the instruction can be seen here:
https://developers.google.com/fonts/docs/getting_started

The tag should be added in the Theme Settings >> Additional HTML tab and the CSS code in th Theme Settings >> Additional CSS.

Sincerely,
Hella
BillionDigital Team

Hi, You can also add the fonts using the Google Fonts, the instruction can be seen here: https://developers.google.com/fonts/docs/getting_started The tag should be added in the Theme Settings >> Additional HTML tab and the CSS code in th Theme Settings >> Additional CSS. Sincerely, Hella BillionDigital Team
ClaudiaK
76 Posts
ClaudiaK posted this 30 October 2015

Hi there,

is it now possible to integrate custom fonts?

Thanks a lot and have a nice Day

claudia

Hi there, is it now possible to integrate custom fonts? Thanks a lot and have a nice Day claudia
Support Team
Support Team posted this 30 October 2015

Hello Claudia,
pleas follow the suggestion from the topic http://answers.themler.com/questions/41734/how-to-add-chinese-font-like-microsoft-yahei

regards,
Aileen

Hello Claudia, pleas follow the suggestion from the topic http://answers.themler.com/questions/41734/how-to-add-chinese-font-like-microsoft-yahei regards, Aileen
Liceo
14 Posts
Liceo posted this 06 April 2016

Dear Themler Support

Where i can find "Themler Settings >> Additional CSS" in the actual Themler version? Is the setting somewhere in Themler or on the admin-backend??

Dear Themler Support Where i can find "Themler Settings >> Additional CSS" in the actual Themler version? Is the setting somewhere in Themler or on the admin-backend??
Support Team
Support Team posted this 06 April 2016

Hi,

It's inside Themler under the Home >> Settings tab.

Sincerely,
Hella

Hi, It's inside Themler under the Home >> Settings tab. Sincerely, Hella
me321
97 Posts
me321 posted this 09 July 2020

Hi,

I've added a custom Google font using the instructions. However, when making the font bold, it looks distorted.

Is there a way I can add the Bold styles of this font as well? https://fonts.google.com/specimen/Manrope

Thanks!

Hi, I've added a custom Google font using the instructions. However, when making the font bold, it looks distorted. Is there a way I can add the Bold styles of this font as well? https://fonts.google.com/specimen/Manrope Thanks!
Support Team
Support Team posted this 09 July 2020

Hello,

The recommended way is to include the link to the font that is already bold, and define it in Font settings ror Additional CSS.

Sincerely,
Nettie

Hello, The recommended way is to include the link to the font that is already bold, and define it in Font settings ror Additional CSS. Sincerely, Nettie
Christa Elrod
1 Posts
Christa Elrod posted this 16 July 2020

We can add any font using font-face

For Example: In CSS file add the below code

@font-face {
font-family: arabic-font;
src: url(font-name.woff);
}

p {
font-family: Arabic-font;
}

We can add any font using font-face For Example: In CSS file add the below code @font-face { font-family: arabic-font; src: url(font-name.woff); } p { font-family: Arabic-font; }
You must log in or register to leave comments