Hi,

1. There is text guide + my video about that already Read: https://www.joomshaper.com/documentation/helix-framework/customization-tips#how-to-add-google-fonts-manually and video: https://www.youtube.com/watch?v=MfAIT8cMuv4
2. Add full path to Font Files - it may help.
3. Then you have to tell Joomla when use which font, for example, by using:

 body, p, li, ol, span, table  {font-family: 'Poppins'; font-weight: 400;} 
 h1, h2 {font-family: 'PT Serif'; font-weight: 700;}
 h3 {font-family: 'Poppins'; font-weight: 600;} 

I cannot teach you CSS here, but you should get what I mean.

BTW

Italic font is used very rare, why you need that? Is wasting website resources, slowing down...

There is also extra extension OD LocalFonts that may help a lot, made by our user @Martin - contact with him

https://www.joomshaper.com/forum/question/41002

you speak with the same language as him, quick contact.

Full path to Font Files did not work.

fonts are in shaper_floox - Default -> Typography

I left everything as it was by default. (Body Font, Heading Font 1..5, Custom Font.

It seems that this template Settings cause the problem??

Mario, If you decided to use custom fonts method, disable Typography settings !!! And use only Custom CSS style.

Otherwise Joomla and browser itself get confused. It's like talking: go left and right on the same time ;]

I allmost got it working.

this customization you gave me makes it not look exectly like it was with enabled Typography settings:

body, p, li, ol, span, table {font-family: 'Poppins'; font-weight: 400;} h1, h2 {font-family: 'PT Serif'; font-weight: 700;} h3 {font-family: 'Poppins'; font-weight: 600;}

What do i have to change, so that it looks exactly like was (or like the standard floox is)?

So you have to work as PRO, in Demo site (you can use our Demo) enable Code Inspector from your browser and check what font-family & Font-weight & font-size was used for what HTML element. It shouldn't take you longer than 15min. Just focus.

If you never ... read >> https://www.joomshaper.com/blog/which-line-of-css-i-have-to-edit-code-inspector-in-action

OK just one more question: After disable (enable = no) Typography settings i can clear everything from custom.css (file is totally empty, not even@font-face { ... is in it ) and allmost everything looks like it should. Could this be because of installed fonts in Font book?

Purpose of custom.css file is to override template styles or add new styles (also font), the same would be if build a HTML+CSS site.

Strange Things always happends.

Don't forget that in CSS there is also "!important" rule.