Add custom fonts

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

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 there,

is it now possible to integrate custom fonts?

Thanks a lot and have a nice Day

claudia

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

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??

Hi,

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

Sincerely,
Hella

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!

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

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