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
    • 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).

7 comments:

  1. This comment has been removed by a blog administrator.

    ReplyDelete
  2. cant read, looks horrible

    ReplyDelete
    Replies
    1. sorry for that... just copy and paste it with notepad.

      I am very busy lately but I will do it asap..

      thank you

      Delete
  3. interesting post i like your post.

    ReplyDelete
  4. This is the crappest ever site i have seen about fonts - it's totally illegible, so you clearly know fuck all about typography. i am also deeply suspicious that you 'solved' programming problems - if this is your idea of a font-related solution, i would truly hate to see any actual code based solution you could come up with.

    ReplyDelete
  5. You must be an offshore resource with this garbage

    ReplyDelete

2 ads