Having a problem using @fontface with CKeditor

Hi

I need to use my own font for my Zen Cart website which is a commercial font and I have used the webkit generator from fontsquirrel to create everything I think I will need.

Can somebody talk me through step by step what I need to do with this webkit as I have tried to follow other threads but I really don't understand what to write and whether it needs to be a .css file or .js file and where they go etc.

I don't know exactly how I did it but I have finally managed to get my font to show in the dropdown menu but it doesn't actually change the font like the ones already there do like comic sans etc. I have changed so many things to get this to work that I am now completely lost and think I need to start again from the beginning. :oops:

Sorry I am a total noob and I hope someone can find the time to help me.

Thanks in advance to anyone who can help me.