CSS EMBED TTF FONTS (TRUE TYPE FONTS) INTO STYLESHEET .CSS HEADER FILE

MINIGUIDE to embed those ttf files you love in you .css header files:

"...I know this is a C# blog,  but I felt to do this post anyway....."

1

1. • Open your html file where you want the font to be displayed. If you have a different header file, open that instead. Use any text editor you preffer, Dreamweaver if opened will do the job to

     
     

      <\ link rel="stylesheet" type="text/css" href="path/to/stylesheet.css" /> 
     ( take out the first backslash of the line above, blogger was hidding that line if I didn' t do that trick.)

     
     

     Look at the name of the .CSS file referenced in the tag and open that file in your code editor. If you see no tag, create one and then create a blank .CSS file.
   • 2
     Add this at the top of your .css file

     @font-face {

     font-family: 'The name of the Font Family Here';

     src: URL('fontfile.ttf') format ('ttf');

     }

     Choose whatever font family you like, any word, just keep in mind you will have to remember it and reuse it, so choose anything easy.
   • 3
     Below is how it is used:

     h1 {

     font-family: "Font Name Here", "Another Font", generic;

     }

     As you can see  above, there are 3 types of fonts, that means that if there is any problems for the browser in trying to display that font, it will proceed with the following to the right, and so on and so on and so on....
   • 4
     Remember that the stylesheet css header file only has a path to the .ttf file. That is why you HAVE to upload the .ttf file to the server where the .css file will look and make browsers download and use the font in the act.

     
     

     
     

     Hope this helps.....(there are no pictures to guide you, cause of the lack of difficulty the guide has).