Tipografia web: @font-face o cufon?

Para usar en web una tipografia original, que no es de google font, usar @font-face o cufon?

Cufon

Cufon -> más crossbrowser pero tirando de javascript

@font-face

Font-face -> No tira de javascript pero no esta cubierto en todos los navegadores

Además no renderiza perfectamente y no de la misma manera en todos los navegadores.

@font-face {
font-family:"Caviar Dreams Bold";
src:url("CaviarDreams_Bold.eot?") format("eot"),
url("CaviarDreams_Bold.woff") format("woff"),
url("CaviarDreams_Bold.ttf") format("truetype"),
url("CaviarDreams_Bold.svg#CaviarDreams-Bold") format("svg");
font-weight:normal;
font-style:normal;}

h1 {
font-family: "Caviar Dreams Bold";
font-size: 3em;
font-style:normal;
font-weight:normal;
line-height:1.2em;
margin:0 0 1em;
}