unionempire

Hello, I am designing a website for a client of mine and have been given two different types of font to be used with the headings and body of the site. These font work great on my PC, well they are stored on my PC , but my problem is when i have uploaded it and the web does not pick up these fonts up. Is there an easy way to turn these font into web fonts and if so are there any step by step guides to show me how to do this. I have managed to convert the font to web font using a online converter, but the steps of where i have to but details of the CSS (shown below) is confusing for me. @font-face { font-family: 'ChaletLondonNineteenEightyRegular'; src: url('chalet-londonnineteeneighty.eot'); src: url('chalet-londonnineteeneighty.eot') format('embedded-opentype'), url('chalet-londonnineteeneighty.woff') format('woff'), url('chalet-londonnineteeneighty.ttf') format('truetype'), url('chalet-londonnineteeneighty.svg#ChaletLondonNineteenEightyRegular') format('svg'); } If anyone has any links to sites that can help, any videos or documents that would be great. This is the only thing that is stopping me from making the site live. Thanks