The webfont works on the latest versions of Chrome, Firefox and Opera. Be sure to include the following CSS style to the content to which you wish to apply the font:

span.cavatina {
                                    font-family: Cavatina;

                                    margin: -25px 0; /* depends on the font size */
                                    padding: 0;
                                    height: auto;
                                    line-height: 0.666;

                                    overflow: visible;
                                    white-space: pre; /* you may instead wrap your text in a pre tag */

                                    -moz-font-feature-settings: "liga" 1, "calt" 1;
                                    -moz-font-feature-settings: "liga=1, calt=1";
                                    -ms-font-feature-settings: "liga" 1, "calt" 1;
                                    -o-font-feature-settings: "liga" 1, "calt" 1;
                                    -webkit-font-feature-settings: "liga" 1, "calt" 1;
                                    font-feature-settings: "liga" 1, "calt" 1;
                                }

Remember that reasonable font sizes are between the range 64-144pt. The CSS above, setting font size to 75pt, produces output like the following:

,+-----~34s=-dh J`>W \\f' g f.., ,\\_-----~34q J> s`j` a`j` s`..j`..,\

Note that this is not an image, but selectable text.