HTML how to use different fonts

Question

if i place my ttf font file in my websites root folder lets say named AMC.tff and in my website use <font face="AMC"> is it going to work... if not than what is the method to use unusual fonts in your website

Answer 1

You can include True Type Fonts with the help of the CSS 3 property @font-face. The following CSS would apply your AMC font to all <h1/> tags:

@font-face {
  font-family: "AMC";
  src: url("./AMC.ttf") format("truetype");
}
h1 {
  font-family: "AMC", sans-serif;
}

For browsers that have no support for webfonts you should specify a similar alternative to your font. In the above example sans-serif would be used if AMC cannot be found because the @font-face tag was not recognized by the browser.