css font face kullanımı ?

arkadaşlar merhaba; bir projemde oswald fontunu kullanıyorum. bir arkadaşa css dökümü yaptırdım oda oswald kullandı ama ondan sonra şunu farkettim ki font face ile fontu yüklememe rağmen benimkiler font yüklü olmyan bilgisayarlarda çıkmıyormuş... ama arkadaşımın döktüğü çıkıyordu.

ÖRn :

.footer-menu ul li a{
	font-size:18px;
	color:#e7e7e7;
	font-family:Oswald-Regular;
	transition: color 0.3s ease;
	text-decoration:none;
}

arkadaş bu şekilde veya direkt html içinde style ile kullanmış. ama benim kullanacağım yerler direkt css tanımlı olduğu için style ile kullanamıyorum. sitemdeki sidebarda yer alan başlıkları bu font ile yazacağım ama aşağıdaki gibi bir sürü sidebar-widget diye tanımlama var ve ben bundaki ptsans veya ariallerin hepsini yukardaki gibi oswald-regular yaptım olmadı fontları silip font-family yaptım kısacası çözemedim bilgili olan biri yardım edebilirmi

değiştireceğim alan :

.sidebar-widget{float:left;font:bold 12px/normal 'Arial', sans-serif;overflow:hidden;width:100%;}
.sidebar-widget h3{font:19px 'pt_sans_narrowregular',Arial;color:#333333;text-transform:uppercase;margin:0 0 10px;padding:4px 0px 4px 38px;background:url("images/newspaper.png") no-repeat scroll 5px 3px #F3F3F3;border-top:2px solid #ccc;}

.sidebar-widget h3 a, .tabs h4 a{font:700 14px/14px 'Arial', sans-serif;text-transform:uppercase;}

.sidebar-widget em{font: bold 16px 'Arial', sans-serif;}

Önce font-face ile tanıtman lazım

@font-face {
font-family: Oswald-Regular;
src: url(font-dizini);
}

veya daha basit olarak google fontu kullanabilirsin. Oswald fontu GoogleFontun içerisinde de var.