Create @font-face in a unique step.
Flaticon offers to you this tool to help you convert ttf (True Type Font) or otf (Open Type Font) to: ttf, otf, woff, eot and svg.
You to upload the font you want and then the tool will create a complete @font-face package with CSS and all the converted types of font a @font-face rule can use for full compatability. There is also a demo html file so you can see the results straight away. The download is a zip file.