Thank you so much for such detailed instructions.
I have done as you suggested, but don't see any font updates reflected in the CSS.
I can see a things I may have done wrong:
1) Where you said "add the code in the them options > css". What I did, is to select the Pro Chld theme, and then click 'customize'. Then there is an 'additional CSS' link. That's where I added the code. is that correct?
2) I use the following font: Crops Bold. Perhaps this is not a webfriendly font, and it uses the fall-back font?
PS I have uploaded the ttf, woff and woff2 versions of the font. So not the .eot, but these are for older IE versions anyway, and I am on the latest version of chrome.
Thanks very much for your help!