How to use font face in css

@font-face {}

All CSS not showing in online page, but show on view source with css link.

@font-face {
	font-family: "opensanshebrew";
	src: url("../fonts/opensanshebrew-regular.eot");
	src: url("../fonts/opensanshebrew-regular.woff") format("woff"),
	url("../fonts/opensanshebrew-regular.ttf") format("truetype"),
	url("../fonts/opensanshebrew-regular.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "opensanshebrew";
	src: url("../fonts/opensanshebrew-bold.eot");
	src: url("../fonts/opensanshebrew-bold.woff") format("woff"),
	url("../fonts/opensanshebrew-bold.ttf") format("truetype"),
	url("../fonts/opensanshebrew-bold.svg") format("svg");
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: "opensanshebrew";
	src: url("../fonts/opensanshebrew-bolditalic.eot");
	src: url("../fonts/opensanshebrew-bolditalic.woff") format("woff"),
	url("../fonts/opensanshebrew-bolditalic.ttf") format("truetype"),
	url("../fonts/opensanshebrew-bolditalic.svg") format("svg");
	font-weight: bold;
	font-style: italic;
}
@font-face {
	font-family: "opensanshebrew";
	src: url("../fonts/opensanshebrew-italic.eot");
	src: url("../fonts/opensanshebrew-italic.woff") format("woff"),
	url("../fonts/opensanshebrew-italic.ttf") format("truetype"),
	url("../fonts/opensanshebrew-italic.svg") format("svg");
	font-weight: normal;
	font-style: italic;
}
@font-face {
	font-family: "opensanshebrew";
	src: url("../fonts/opensanshebrew-light.eot");
	src: url("../fonts/opensanshebrew-light.woff") format("woff"),
	url("../fonts/opensanshebrew-light.ttf") format("truetype"),
	url("../fonts/opensanshebrew-light.svg") format("svg");
	font-weight: 300;
	font-style: normal;}

body{font-family: "opensanshebrew"; font-weight: normal;}
.h1{font-weight: bold;}

Also you can import font-family from google into css file.

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');
body{font-family: 'Open Sans', sans-serif; font-weight: normal;}
.h1{font-weight: bold;}

Font face also use with HTML
Copy this code into the of your HTML document.
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i" rel="stylesheet">

body{font-family: 'Open Sans', sans-serif; font-weight: normal;}
.h1{font-weight: bold;}