Hi, I wanted to add custom fonts but I suppose the below method doesn't work anymore: 

https://laborator.ticksy.com/ticket/920978/

As there's nowhere to put the font's URL in the Custom Fonts panel. And I'm totally at a loss as to how FontLab works. Could you please explain?

Ok, I'm an idiot, I somehow missed the Add font button..
Thanks very much!

Michal

I'm sorry Art, I just can't get it to work. 

My CSS goes:

@font-face {
  font-family: 'haveheartone';
  src: url('haveheartone.eot'); /* IE9 Compat Modes */
  src: url('haveheartone.woff') format('woff'), /* Pretty Modern Browsers */
       url('haveheartone.svg#svgFontName') format('svg'); /* Legacy iOS */
    font-weight: normal;
    font-style: normal;
}

The files are in the same directory as the Style.css so it should work (I tried with an absolute URL as well, but wanted to simplify things hoping it will make things happen).

In the TypoLab I put in the path: http://terrabomba.com/public_html/wp-content/themes/kalium-child/style.css

and that's where the file is, so I can't see where there could be any room for errors..

Uff, ok Art it works like a dream now. Thanks very much! You can go ahead and close this ticket.

I sure will give you highest marks. Thanks a lot for your help again.

Hi, I'm sorry guys but I'm still having problems with custom fonts. I'm not able to add any. 

Art managed to install a font called Nanami Inline - and that's the only one that works so far. So what I did was copy his css for the second font, change the path and the font name accordingly and put the fonts where they should be. 
That's my CSS:
@font-face {

@font-face {
  font-family: 'nanamiinline';
  src: url('http://terrabomba.com/wp-content/themes/kalium-child/fonts/Nanami-Inline/nanamiinline-webfont.eot'); /* IE9 Compat Modes */
  src: url('http://terrabomba.com/wp-content/themes/kalium-child/fonts/Nanami-Inline/nanamiinline-webfont.woff') format('woff'), /* Pretty Modern Browsers */
       url('http://terrabomba.com/wp-content/themes/kalium-child/fonts/Nanami-Inline/nanamiinline-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('http://terrabomba.com/wp-content/themes/kalium-child/fonts/Nanami-Inline/nanamiinline-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'cimochi';
  src: url('http://terrabomba.com/wp-content/themes/kalium-child/fonts/Cimochi/cimochi.eot'); /* IE9 Compat Modes */
  src: url('http://terrabomba.com/wp-content/themes/kalium-child/fonts/Cimochi/cimochi.woff') format('woff'), /* Pretty Modern Browsers */
       url('http://terrabomba.com/wp-content/themes/kalium-child/fonts/Cimochi/cimochi.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('http://terrabomba.com/wp-content/themes/kalium-child/fonts/Cimochi/cimochi.svg#svgFontName') format('svg'); /* Legacy iOS */
    font-weight: normal;
    font-style: normal;

However the font Cimochi (nor any of the other ones that I've tried) installs. 
What's strange when I delete the part the part of the code responsible for importing Nanami, it still loads and can be used on the page - which makes me think that it's actually loaded some other way, I really don't understand. 

Using various fonts is really crucial to my design, so I would rally appreciate if you could have a look and provide me with instructions on how to install them so I don't have to bother you again. It's actually more important to use custom fonts in Slider Rev so my other question would be - does installing fonts in the theme makes them available i Slider Rev as well or do I have to import them separately in the Sliders custom CSS field? I've tried that actually without result.. 

I might have found the reason, I'm getting the following errors:

Redirect from 'http://terrabomba.com/wp-content/themes/kalium-child/fonts/Cimochi/cimochi.woff' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://www.terrabomba.com' is therefore not allowed access.
(index):1 Redirect from 'http://terrabomba.com/wp-content/themes/kalium-child/fonts/Cimochi/cimochi.ttf' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://www.terrabomba.com' is therefore not allowed access.
jquery.min.js:2 GET http://www.terrabomba.com/wp-content/themes/kalium-child/fonts/Cimochi/cimochi.woff 
(anonymous) @ jquery.min.js:2
o @ jquery.min.js:2
fireWith @ jquery.min.js:2
ready @ jquery.min.js:2
/wp-content/themes/kalium-child/fonts/Cimochi/cimochi.ttf:1 GET http://www.terrabomba.com/wp-content/themes/kalium-child/fonts/Cimochi/cimochi.ttf 

Do you know how I can fix that?

Ok, I've solved this one. Please close the ticket. Thanks.