Embed TTF Fonts in CSS

To embed TTF Fonts in CSS
1.Open the HTML you want to display the embedded font in. Use any code editing program like Notepad and lookup the following line on the top:
<link rel="stylesheet" type="text/css" href="path/to/stylesheet.css" />
Check the file name of the referenced .CSS file in the <link> tag. Then open this file in your code editor. If you don’t see a <link> tag, create one yourself and then create a new blank .CSS file.
2.Add this following code at the top the .CSS file:
@font-face {
font-family: 'Name of the font’;
src: URL('fontfile.ttf') format ('ttf');
}
Give your font a font family name. Use a name that is easy to remember. Type in the full or relative path in your .TTF file in between the parentheses after right after "URL."
3 .Use your embedded font as like using any Web-safe font like Arial or Georgia.
4.Upload the font using any FTP tool.

Is there a limit on how many fonts you can use in one website? and how much does it affect the speed of the website if you have more fonts?

Thanks

Another very handy way dealing with fonts in css is Google Web Fonts.
1) choose a font
2) click "Add to Collection"
3) click "Use"
4) scroll down and check what two codes you have to put in your html file and to css file.

have you any trick to embed any personal design font to website?

have you any trick to embed any personal design font to website?

If you made the design into a font ( ttf or otf) you can make if for online with Create Your Own @font-face Kits | Font Squirrel
It only works about 90% of the time, so good luck

No limits you may use any type of fonts but fonts must install server as well as client side also.