Adding Individual Fonts - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Adding Individual Fonts

M

Martin

Template 1 year ago

I have to come back to the integration of fonts. I followed these instructions exactly:

https://www.joomshaper.com/documentation/helix-framework/customization-tips#customfont

I have built this into the custom.css: https://prnt.sc/j9WEAfV4cs1f. Uploaded the files via FTP: https://prnt.sc/re5o64o3MFGv. Result, the code is inserted, but the correct font is not output https://prnt.sc/hSJF5sQ305Yn.

Cache has been emptied several times.

What else did I miss??? https://octi-schwimmschule.at/datenschutz

0
10 Answers
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 year ago #144654

Check now :)

info_2120_2024.jpg

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 year ago #144597

Hi Martin,

As 1st step, I would try to use absolute (full) path to font files, with domain name etc. in custom.css file.

0
M
Martin
Accepted Answer
1 year ago #144616
0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 year ago #144625

Now CSS code looks correct, and in theory font should be loaded, if font name is correct.

0
M
Martin
Accepted Answer
1 year ago #144630

The only thing I have done is to change the original filename 'Fahkwang-Regular' to 'fahkwangregular'. But that shouldn't be the deciding factor.

I have also tried it without renaming the file name, but nothing works.

Let's have a go with the crystal ball and see why it doesn't work. :(

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 year ago #144643

Method that you are using is classic method, used by thousands of webmasters for many years, even I used on my own private sites. I admits that I have no idea what could be wrong. And can you send me this font, as tff ? or share link from you get it.

0
M
Martin
Accepted Answer
1 year ago #144649

I'm always good for a surprise ;)

The font is loaded directly from Google: https://fonts.google.com/specimen/Fahkwang

The woff files created with fontsquirrel: https://www.fontsquirrel.com/tools/webfont-generator

0
M
Martin
Accepted Answer
1 year ago #144664

What did you do Paul??? :D

I've just seen it: CSS slightly adjusted.

THANKS Paul :)

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 year ago #144680

I done my procedure again, and worked. magix hands.

0
M
Martin
Accepted Answer
1 year ago #144693

Nothing new for you! ;)

0