Web Fonts

Original: Web Fonts

Learn how to use Web Fonts in your blog, so visitors with Opera 10 can benefit from the evolution of Web technology.

---

Web fonts are a great way to style your blog by applying a new font visitors with Opera 10 can benefit from.

With Web Fonts you can change the entire look and feel of your blog by applying a few simple lines of code to your CSS.

Supported Web Font formats in Opera 10 are:

• TrueType/OpenType TT (.ttf)
• OpenType PS (.otf)

First, you need find a font of your taste. There are thousands of free Web Fonts out there, so just search for "free fonts" using any search engine.

For the next part you have to be logged in to your My Opera account and have a blog (preferrably with some entries too). Place your pointer to "My page" in the top menu and choose "Design" from the drop down list. Make sure you have a design template which supports customizing your own style sheet. Click on the "custom style sheet" link to embed and adjust the following code:

 /* Special font-face selector */ @font-face { /* "Nickname" you want to refer to later */ font-family: "opera"; /* Change the URI to where your font resides */ src: url("linktofont.ttf") format("truetype"); } h1,h2,p,a,div.content { /* Refer to the "Nickname" to apply it any element you want */ font-family: "opera"; } 

Your are now using Web Fonts. :) Please let us know as a comment if you've experimented with this in your own blog, so others can check it out. :cool:

Nice new font for my test blog. :)