ขอสอบถามเรื่อง CSS @font-face {} เริ่มหัดเขียนครับไปต่อไม่เป็นครับ

<style type="text/css"> ในส่วนนี้เป็น การกำหนด Font เมนูหลัก
@font-face {
	font-family: 'Conv_ThaiSansNeue-ExtraLight';
	src: url('fonts/ThaiSansNeue-ExtraLight.eot');
	src: local('
'), url('fonts/ThaiSansNeue-ExtraLight.woff') format('woff'), url('fonts/ThaiSansNeue-ExtraLight.ttf') format('truetype'), url('fonts/ThaiSansNeue-ExtraLight.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
</style>

<style type="text/css">ในส่วนนี้กำหนด Font เนื้อหา

@font-face{
	font-family: 'Conv_TEPC ChulaNarak';
	src: url('fonts/TEPC ChulaNarak.eot');
	src: local('
'), url('fonts/TEPC ChulaNarak.woff') format('woff'), url('fonts/TEPC ChulaNarak.ttf') format('truetype'), url('fonts/TEPC ChulaNarak.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
</style>

-----------------------------------------------------------------------------------------------------------------------------------
#mainmenu {
    font-family:'Conv_ThaiSansNeue-ExtraLight'; เรียกใช้งาน Font เมนูหลัก
	width: auto;
	height: 60px;
	font-size: 13px;
	-webkit-transition: all;
	-moz-transition: all;
	-ms-transition: all;
	-o-transition: all;
	transition: all;
	background-image: url(images/bgmenu.png);
	background-color: #eeeeee;
}

-----------------------------------------------------------------------------------------------------------------------------------
.content {
	font-family: 'Conv_TEPC ChulaNarak'; เรียกใช้ Font เนื้อหา
	width: 750px;
	float: left;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 30px;
	font-size: 20px;	
	color: #777777;
	text-align: left;
}