CSS3 tutorial to embed custom fonts in web pages
CSS3 tutorial to embed custom fonts in web pages Until recently, web developers were limited to the use of common fonts. But with @font-face now it is possible to retain the unique / custom fonts, one would like to show in his website, of course only if they have the legal right to post those fonts on the web. What is @font face Generally, we’ve been limited to using fonts pre-installed on visitor’s computer. Increasing support of CSS3 ‘@font-face’ allows us to reflect fonts installed on remote servers on to the web pages. Simply by referring to same in your styles. Style sheet syntax for the same is provided below ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 @font-face { font-family : MyCustomBebas; src : url ( "BebasNeue-webfont.eot" ) /* EOT file for IE */ } @font-face { font-family : MyCustomBebas; src : url ( "bebas_neue_regular.ttf" ) /* TTF file for CSS3 browsers */ } .font_style { font-family : "MyCustomBebas" , Arial , Helvetica , sans-serif ; } Ut...