Let’s suppose you want to use your favourite font on your website, but that particular font face isn’t included in the fonts package offered by the operating systems. There is a very simple solution. You, or your personal frontend coder, need to copy the font files in your site’s directory and to include the font through CSS styles. But wait a minute, there is a small issue.
Usually you can buy or download your favourite fonts from many places on the internet and most of them have the TrueType font (.ttf) format or OpenType font (.otf) format. You can include both of them in the CSS styles file, but even so your pages content will not be rendered correctly under all the well known major browsers. I’m offering you the solution which covers all the major well known browsers.
