<style type="text/css">
@font-face{
    font-family:"typo-hoop-demo-bold";
    src:url("https://dafonttop.com/wp-data/t/879/8879/file/typo-hoop.demo-bold.otf") format("woff"),
    url("https://dafonttop.com/wp-data/t/879/8879/file/typo-hoop.demo-bold.otf") format("opentype"),
    url("https://dafonttop.com/wp-data/t/879/8879/file/typo-hoop.demo-bold.otf") format("truetype");
}
span.font0{font-family:"typo-hoop-demo-bold";font-size:45px;text-transform:none;}
</style>

<style type="text/css">
@font-face{
    font-family:"typo-hoop-demo-regular";
    src:url("https://dafonttop.com/wp-data/t/879/8879/file/typo-hoop.demo.otf") format("woff"),
    url("https://dafonttop.com/wp-data/t/879/8879/file/typo-hoop.demo.otf") format("opentype"),
    url("https://dafonttop.com/wp-data/t/879/8879/file/typo-hoop.demo.otf") format("truetype");
}
span.font1{font-family:"typo-hoop-demo-regular";font-size:45px;text-transform:none;}
</style>

<style type="text/css">
@font-face{
    font-family:"typo-hoop-light-demo-regular";
    src:url("https://dafonttop.com/wp-data/t/879/8879/file/typo-hoop.light-demo.otf") format("woff"),
    url("https://dafonttop.com/wp-data/t/879/8879/file/typo-hoop.light-demo.otf") format("opentype"),
    url("https://dafonttop.com/wp-data/t/879/8879/file/typo-hoop.light-demo.otf") format("truetype");
}
span.font2{font-family:"typo-hoop-light-demo-regular";font-size:45px;text-transform:none;}
</style>

<style type="text/css">
@font-face{
    font-family:"typo-hoop-hairline-demo-regular";
    src:url("https://dafonttop.com/wp-data/t/879/8879/file/typo-hoop.hairline-demo.otf") format("woff"),
    url("https://dafonttop.com/wp-data/t/879/8879/file/typo-hoop.hairline-demo.otf") format("opentype"),
    url("https://dafonttop.com/wp-data/t/879/8879/file/typo-hoop.hairline-demo.otf") format("truetype");
}
span.font3{font-family:"typo-hoop-hairline-demo-regular";font-size:45px;text-transform:none;}
</style>