Adam Khoury

Donate funds to show love and support

Click the button below to donate funds securely online. You can use your PayPal account or a credit card.

Your donations help free up my time to produce more content and assist in covering server costs. It's also a great way to say thanks for the content!

Application Configuration

Adam will be adding options here soon.

Embed Custom Font HTML Tutorial Special Website Text

Published :
Author :
Adam Khoury
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>