The @font-face CSS tag allows web designers and developers to specify custom fonts to display text on their web pages. Allowing websites to utilize custom fonts removes the burden of requiring your website visitors to have the custom fonts installed on their personal computer. The following examples use the DejaVu Sans font, which is freely available for download here. more »

Let’s face it, the default styling for many of the Facebook FBML tags is just not going to cut it. You’ll be happy to know that you can easily override these styles on your canvas pages by referencing an external CSS include. To begin, let’s create a template to place all of our content:

<link rel="stylesheet" type="text/css" media="screen" href="http://www.yoursite.com/css/canvas.css?v=1.2" />
<div id="container">
	<!-- AS AN EXAMPLE, WE'LL STYLE THE FB SHARE BUTTON -->
	<fb:share-button class="url" href="http://www.your-site-url.com" />
</div>

The versioning on the stylesheet is due to the fact Facebook caches your CSS. For every major change in your stylesheet you should increment the version. This simply lets Facebook know that you have some new content for them to load. Wrap your content in a DIV with an identifier as this will allow you to override Facebook’s default styling due to CSS selector inheritence.

The next step is crucial. more »