WOFF font in browsers

HTML & CSS
1

body{
src: url(“Raleway Thin.woff”) format(‘woff’);
font-family: “Raleway Thin”;
}
This is my code for font and it is only working in chrome. need help how to fix it?

2

To support all browsers, you need more than just the woff font.


@font-face {
	font-family: 'Raleway Thin';
	src: url('Raleway Thin.eot?#iefix') format('embedded-opentype'), 
	     url('Raleway Thin.woff') format('woff'), 
	     url('Raleway Thin.ttf')  format('truetype'),
	     url('Raleway Thin.svg#RalewayThin') format('svg');
}

You can use this site to convert your font to the various file formats: http://www.fontsquirrel.com/tools/webfont-generator

eot is for Internet Explorer, the woff is for most other browsers (Chrome, Firefox, and Opera), tiff is for safari and android browsers, the svg is the fallback for older versions of safari or other browsers that can’t handle or load the previously listed fonts.