add font to themler??

4 Posts

alex463 posted this 29 April 2018

Hello,

I have add the font Goudy Handtooled BT, and in the themler online version i see the font and can select it.
but if i save the them (prestashop) the changes are not visible in the front end.
must i add the @font-face some where else?
The site must be online asap, working on it already way to long for my client.
Hope that it wil be a quick response

the site is dogfoodlimburg.nl but is in maintanance on this moment.

Hello, I have add the font Goudy Handtooled BT, and in the themler online version i see the font and can select it. but if i save the them (prestashop) the changes are not visible in the front end. must i add the @font-face some where else? The site must be online asap, working on it already way to long for my client. Hope that it wil be a quick response the site is dogfoodlimburg.nl but is in maintanance on this moment.

font visibility

Vote to pay developers attention to this features or issue.

3 Comments

Order By: Standard | Newest

Support Team posted this 02 May 2018

Hi,

In order to add custom font to your website you need to upload font file(s) somewhere and add @font-face rule to resister this font on your website. Custom css can be added to the Themler Settings >> Additional CSS.
Please note that it is not enough to add @font-face rule. You need to set this font as font-family for text elements in Themler. In general, if you install this font as system font and use it as regular font this will create required font-family declaration which will work with @font-face rule too. But you will need to test it on another computer or remove this font from the system.

Thank you,
Olivia

Hi, In order to add custom font to your website you need to upload font file(s) somewhere and add `@font-face` rule to resister this font on your website. Custom css can be added to the Themler Settings >> Additional CSS. Please note that it is not enough to add `@font-face` rule. You need to set this font as font-family for text elements in Themler. In general, if you install this font as system font and use it as regular font this will create required font-family declaration which will work with `@font-face` rule too. But you will need to test it on another computer or remove this font from the system. Thank you, Olivia

314 Posts

arawolf posted this 21 June 2020

hello can you please give more explanation how to add a font. If it's possible the exact additional css

Support Team posted this 22 June 2020

Hello,

It is possible to add any font using @font-face rule:
1. https://css-tricks.com/snippets/css/using-font-face/
Put the font to some place on a server and add the @font-face to Home tab >> Settings >> Additional CSS using absolute URL for the font files.
2. Paste the font name in Design >> Font options for Text or Headings and click Enter.
Please let us know if any additional questions appear in process.

Sincerely,
Nettie

Hello, It is possible to add any font using @font-face rule: 1. https://css-tricks.com/snippets/css/using-font-face/ Put the font to some place on a server and add the @font-face to Home tab >> Settings >> Additional CSS using **absolute URL** for the font files. 2. Paste the font name in Design >> Font options for Text or Headings and click Enter. Please let us know if any additional questions appear in process. Sincerely, Nettie