html - Cusom font with CSS - ONLY works with Internet Explorer -

I am creating a website for one of my friends. It is very specific about the font on the page. I have downloaded a custom font from the internet, but it is strange;

This is my code:

  @ font-face {font-family:  
 Eurostile; Src: url (../fonts/UrotyleTTF); } @ Font-faces {font-family: urotike; Src: url (../fonts/Urotical.ot); }   
 And this way I am calling a font family:  
  p {font-family: eurostile; }   
 etc ... what am I doing wrong?   
 
 You will need to format it in cross-platform style.  
 The problem is that different browsers support different font styles.  
   
 Something like this:  
  @ font-face {font-family: 'fontMN'; Src: url ('/ fonts / font_font-webfont.eot'); / * IE9 compat modes * / src: url ('/ font / font_font-webfont.eot? #iefix') format ('embedded-opentype'), / * IE6-IE8 * / url ('/ font / font_font-webfont ('Trailer'), / * Safari, Android, iOS * / url ('/ wolf') format ('woff'), / * modern browsers * / url ('/ fonts / font_font-webfont.ttf') format fonts / Font_fonts-webfonts.vg # fontMN ') format (' SVG '); / * Legacy IOS /   
 will work.  
 You will need to obtain formats that are valid for the browser you are browsing, as seen above.