Implement Web Font into Wordpress Template

General information for the website: Its a wordpress template site for a local business
Kind of development: Customization of existing website
Description of every page/module: You have to add this webfont https://www.myfonts.com/fonts/jbfoundry/hopeful-giraffe/webfont_preview.html to this template http://www.templatemonster.com/demo/50935.html (current installation runs under http://pag.easteregg.ch)

- You have to replace the horizontal menu font and all other H1 and H2 with the web font.
- 3rd party plugins should not be used
- You'll get access to the ftp server and get the web font file from myfont
Description of requirements/features: You have to add this webfont https://www.myfonts.com/fonts/jbfoundry/hopeful-giraffe/webfont_preview.html to this template http://www.templatemonster.com/demo/50935.html

- You have to replace the horizontal menu font and all other H1 and H2 with the web font.
- 3rd party plugins should not be used
Extra services needed: Customization
Extra notes: