Question: what's the best way to present a vector/font in html?

Answer: 
The [W3C](http://en.wikipedia.org/wiki/World_Wide_Web_Consortium) develops and recommends the [Scalable Vector Graphics](http://en.wikipedia.org/wiki/Scalable_Vector_Graphics) standard for vector graphics. All major modern web browsers support and render SVG markup directly, except Internet Explorer unfortunately. However, IE 9 will support and render SVG directly. All version of IE from v5 onwards support the [Vector Markup Language](http://en.wikipedia.org/wiki/Vector_Markup_Language) instead. While Microsoft continues to document VML, development of the format ceased in 1998.

You may be interested in checking out the following basic SVG examples:

* [SVG Examples](http://www.w3schools.com/svg/svg_examples.asp)
* [SVG Basic Tutorials: Text - Plain or Not-So-Plain](http://www.svgbasics.com/text2.html)
The best of using custom font in website is CSS3. Example:

```
@font-face { font-family: 'GoodFootRegular';
src: url('goodfoot.eot');
src: local('Good Foot'), local('GoodFoot'), url('goodfoot.woff') format('woff'), url('goodfoot.ttf') format('truetype');}
.classname{ font:21px bold normal GoodFootRegular;}

```