Using Canvas, SVG, and Web Fonts - HTML5 Advertising - page 83

r.parentNode.insertBefore(s, r);
function f(){ s.parentNode && s.parentNode.removeChild(s); }
addEventListener('load',f,false);
setTimeout(f,3000);
}
})();
</script>
Keep in mind that there are also vendor-specific CSS properties to include, like Webkit font smoothing and
legibility optimizing, that will render anti-alias your font and smooth any rough spots.
For more information on CSS3 web fonts, see www.w3.org/TR/css3-webfonts . At the risk of beating a
dead horse, note yet again that it's still emerging, but adoption is growing quickly; so be sure to check
caniuse.com/#feat=fontface to locate browsers currently supported.
Summary
This chapter, on working with the HTML5 canvas element, the SVG spec, and using web fonts, has covered a lot! I've
set the stage for the power that HTML5 is bringing to the browser and for features that developers and designers can
take advantage of right now. You've seen code samples that show you how to use the canvas element with graphics,
images and animation, as well as how SVG and SMIL provide a similar experience. The differences between these
approaches and how each can help in the advertising space have been discussed. You've also seen how to create
native graphics within a browser without leveraging a third-party plug-in—a huge advance in web standards that
HTML5 provides.
In the next chapter there'll be more discussion about graphics using JavaScript and CSS3 and about how to
bring animations and presentations to your creatives using nothing but web standards. So take a break if you need to,
because we're just getting started!