how to add chinese font? like “Microsoft Yahei"

Hi,

You can load custom font using css @font-face rule:
https://css-tricks.com/snippets/css/using-font-face/

1. upload your font to the server
2. add @font-face to the Themler Settings >> Additional CSS
3. go to Fonts tab and type font family in the appropriate field:
   
   
   
   Now you can specify this Font Family for text in Themler.

Thank you,
Olivia

Hi,

i add the font with this css:

@font-face {

font-family: "CDUKievit";
src: local("CDUKievit"), url("http://cdu-hochlar.de/templates/untitled_160127_160/css/CDUKievitWeb-Medium.woff") format("woff");
}

The file is reachable, but i can't find and select the font :-(

Have anyone an idea?

Best regards,

Stefan

Hello Stefan,
the issue seems to be related to .woff file.
I'd recommend that you try to download the CDU Kievit font as ttf

regards,
Aileen

Hi Aileen,

the font work at other sites fine. Could i check everything?

Stefan

Hello,
if possible please provide links to the site where font works.
May be it is loaded in a different way. Lets check it,

Regards,
Aileen

Hi Aileen,

you can fint it at this site: http://www.cdu-nrw.de/

Regards,
Stefan

Hello Stefan,
thank you for details.
Actually you may use the CDUKievit font in the theme but now I see a couple of restrictinos:
1.if you want to select the font from drop down font selection list I'd recommend that you consider using link to TTF font file;
2.if you use the CSS

@font-face {
  font-family: 'CDUKievit';
  src: local('CDUKievit'), url(http://cdu-hochlar.de/templates/untitled_160127_160/css/CDUKievitWeb-Medium.woff) format('woff');
}

font is not listed in he font selection lists (and I'll contact developers about it).
But if you specify the font via custom CSS as

body{
  font-family:'CDUKievit';
}

it is applied to the theme.

Regards,
Aileen

Hi, i convert the font to TTF and change the url and the format:

@font-face {
font-family: "CDUKievit";
src: local("CDUKievit"), url("http://www.cdu-hochlar.de/templates/untitled_160127_160/css/CDUKievitWeb-Medium.ttf") 
format("truetype");
}

But i don't find the Font at the pull down menu...

Best regards,

Stefan

Hello,
we'll check it as well. In the meantime please use the workaround provided before:

body{
  font-family:'CDUKievit';
}

Regards,
Aileen

Hi Stefan,

Sorry for the delay.

Add you font ass additional CCS in Home > Settings menu, using code like this :
<pre>
@font-face {
font-family: "CDUKievit";
src: local("CDUKievit"), url("http://cdu-hochlar.de/templates/untitled_160127_160/css/CDUKievitWeb-Medium.woff&quot;) format("woff");
}
</pre>
Then, choose your font in Designer > Fonts > Font Options menu

Please let us know if you have any further questions.

Best regards,
Anton

It doesnt work. I tried your code and local fonts path. Those specific fonts are not in dropdown list.

I see now. After typing / pasting font name it needs one clear "Enter" press. It wont work just by clicking outside.
And font is everywhere on list, where it is aplicable in settings.

Works adding to Additional CSS or Additional HTML.

Maybe better to add it to CSS to be able to call IE specific font file and some other things for compatibility. (iPhone, Android)

Now is problem custom font is applied at the front but not in Themler screen.

Needs full URL for Themler edit screen to work, not only relative. Shame. I will check if something can be done about it. Easy to forget to change path when migrating to server and visitors will have fallback font visible.

Eh, very stupid by me. As it is custom manual work folder with new fonts (or only fonts) needs to be added to same place in preview theme.