<style type="text/css">
@font-face{
    font-family:"giraffenhals-regular";
    src:url("https://files.fontsme.com/g/550/550/file/giraffenhals.regular.otf") format("woff"),
    url("https://files.fontsme.com/g/550/550/file/giraffenhals.regular.otf") format("opentype"),
    url("https://files.fontsme.com/g/550/550/file/giraffenhals.regular.otf") format("truetype");
}
span.font0{font-family:"giraffenhals-regular";font-size:35px;text-transform:none;}
</style>

<style type="text/css">
@font-face{
    font-family:"giraffenhals-bold";
    src:url("https://files.fontsme.com/g/550/550/file/giraffenhals.bold.otf") format("woff"),
    url("https://files.fontsme.com/g/550/550/file/giraffenhals.bold.otf") format("opentype"),
    url("https://files.fontsme.com/g/550/550/file/giraffenhals.bold.otf") format("truetype");
}
span.font1{font-family:"giraffenhals-bold";font-size:35px;text-transform:none;}
</style>

<style type="text/css">
@font-face{
    font-family:"giraffenhals-extended";
    src:url("https://files.fontsme.com/g/550/550/file/giraffenhals.extended.otf") format("woff"),
    url("https://files.fontsme.com/g/550/550/file/giraffenhals.extended.otf") format("opentype"),
    url("https://files.fontsme.com/g/550/550/file/giraffenhals.extended.otf") format("truetype");
}
span.font2{font-family:"giraffenhals-extended";font-size:35px;text-transform:none;}
</style>

<style type="text/css">
@font-face{
    font-family:"giraffenhals-condensed";
    src:url("https://files.fontsme.com/g/550/550/file/giraffenhals.condensed.otf") format("woff"),
    url("https://files.fontsme.com/g/550/550/file/giraffenhals.condensed.otf") format("opentype"),
    url("https://files.fontsme.com/g/550/550/file/giraffenhals.condensed.otf") format("truetype");
}
span.font3{font-family:"giraffenhals-condensed";font-size:35px;text-transform:none;}
</style>