Hosting Solutions
mobile_logo Table of Contents

Embed Custom Font HTML Tutorial Special Website Text

Learn to embed special fonts into your web design projects and pages to be sure all visitors will see the intended font style. The supplied code should get you started. The actual font files should be placed on your web server in order for all viewers to see your cool font. Microsoft Internet Explorer uses a font file type of .eot for embedding fonts into pages, while most other browsers use .ttf font files for embed purposes. The new woff font format is gaining popularity and works in most modern environments. <!DOCTYPE> <html> <head> <style> @font-face { font-family: aFont; src: url("aFont.eot"); /* For IE browsers */ } @font-face { font-family: aFont; src: url("aFont.ttf"); /* For most other browsers */ } .myFontClass { font-family: aFont, Arial, Helvetica, sans-serif; letter-spacing: 1px; color: #4D7731; } </style> </head> <body> <h2 class="myFontClass">Custom Web Page Font</h2> <p>Standard Web Page Font</p> </body> </html>

CSS Videos

General Design

Border Image Custom Graphics SliceCSS import Rule Import Style Sheet TutorialControl Panel Icon Menu Configure Button Design TutorialFloating Content Shadow Effect Border Radius TutorialEmbed Custom Font HTML Tutorial Special Website TextDrop Down Category Menus details and summary Elements