The @font-face rule allows custom fonts to be loaded on a web page. Most of the modern browser support both TTF, OTF and WOFF font type. But to add the deepest support of browser we have to add following code so that it can support backward compatibility.
To use the following code in style, we need to add font as
But most of the modern browser support, if we add either of this two @font code, will get with all.