@Clemzd
First off you @font-face css is missing a few lines that are required for a font to work correctly across all browsers and platforms.
You only have one src url in your @font-face css.
Take a look at how my @font-face css is written. My font files are inside a folder called fonts inside the folder of my child theme where I have WP installed on my server.
@font-face {
font-family: Antenna-Regular;
src: url('/fonts/Antenna-Regular.eot');
src: url('/fonts/Antenna-Regular.eot?#iefix') format('embedded-opentype'),
url('/fonts/Antenna-Regular.woff') format('woff'),
url('/fonts/Antenna-Regular.otf') format('truetype'),
url('/fonts/Antenna-Regular.svg#Antenna-Regular') format('svg');
font-weight: normal;
font-style: normal;
}
If you have the font files locally, why not create a new folder in your child theme called fonts and put the needed files in there. Then make your @font-face css look similar to mine.
If the fonts are on webtype.com and they give you the option to use the @import url(http://link_to_font); feature, try it out. Just put that line of code near the top of your css stylesheet. Then just use font-family: nameoffont; where ever you want in your css.