change font from .ttf file

[vinsux]

Another question again guys.. tnx!!

 

 

How to change the font of my content from .tff file??

 

i have a Tangerine_Regular.ttf file inside the font folder..

 

 

  <h3>About Page</h3>
                   <div style="border: 1px solid #000000; 
                   width :580px; 
                   margin-top: 20px; 
                   margin-left: 25px; 
                   margin-right: 20px; 
                   margin-bottom: 20px;
                   <?php 	$font = dirName(__FILE__).'/font/karate/Tangerine_Regular.ttf';?> 
                   font-size: 16px;
                   font-family: 'Courier New', Courier, monospace; 
                   padding:20px 20px 20px 20px; 
                   background-color: #F5F5FF;">
             
 <?php 

			echo "<br><br><center><img src='images/mission.png' />";    
		echo "<br><br><p align='justify' style='margin-left:2em; margin-right:2em'> 
					AMA will be the leader and dominant provider of relevant golabally
					recognized information technology-based education and related
					services in the global market.
				</p><br><br><br>
				<img src='images/vision.png' />    
				<br><br><p align='justify' style='margin-left:2em; margin-right:2em'> 
					AMA Computer University / AMA Computer College shall provide a holistic,relevant, quality and globally recognized
					IT-based education in all levels and disciplines with the objective of producing professional and leaders
					responsive to the needs of Science and the international community cognizant of the welfare and benefits of its men
					and women thereby realizing their petential as productive members of the society for the honor and glory of
					God almight.
				</p>
				</center>";
	 ?> 

</div>

[scootstah]

First Google result: http://www.howtoplaza.com/how-to-use-custom-fonts-on-your-website-with-css

[Mahngiel]

http://www.font2web.com/

 

That site is pretty cool.  It'll take .ttf's and .otf's and give you a .zip with .ttf, .otf, .eot, .woff and .svg files to use like:

 

@font-face {
font-family: font-name;
src: url('Font.ttf'),
     url('Font.otf');
     url('Font.eot');
     url('Font.woff');
     url('Font.svg');
}