HTML coding custom font?

@thumbsup(Vishnu) Not all web browsers support @font-face. http://caniuse.com/fontface | http://caniuse.com/eot | http://caniuse.com/woff | http://caniuse.com/svg-fonts | http://caniuse.com/ttf Always check with caniuse when you're looking whether you can use a feature that isn't widely supported. You may be using an incorrect format. Browsers only support EOT, WOFF, SVG, TTF and OTF format fonts, and different browsers still realistically only support one font each, with some of them supporting none. So you will need to code your font in each of these formats just to be safe. Web design is a compromise. You are giving specifications about what your webpage is allowed to look like. As always, whenever you use a font, remember that it won't be available on all computers. Supply one or two similar looking backup font that overlaps a lot of systems, and supply a generic font family just in case all of those fail. Fonts are the foundation of a stylesheet, so be sure to pick ones that work well with your design and test them all.

Check this link https://in.answers.yahoo.com/question/index?qid=20140106085434AA6SPBt I explained earlier these type of issues... It may very useful to you....

You first have to create either a CSS selector; class or ID. A class selector is preceded by a period: .intro { font-family: Calibri color: Blue } An ID selector is preceded by a hashtag #font { font-family: Calibri color: Red font-weight: Italic } To refer to the CSS selectors in your HTML code, you have to place the class / ID name inside the HTML tags: <div id = font> <p class = intro> Hello World </p> </div>