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

<style type="text/css">
@font-face{
    font-family:"typo-style-thin-demo-regular";
    src:url("https://files.fontsme.com/t/10/1010/file/typo-style.thin-demo.otf") format("woff"),
    url("https://files.fontsme.com/t/10/1010/file/typo-style.thin-demo.otf") format("opentype"),
    url("https://files.fontsme.com/t/10/1010/file/typo-style.thin-demo.otf") format("truetype");
}
span.font1{font-family:"typo-style-thin-demo-regular";font-size:45px;text-transform:none;}
</style>

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

<style type="text/css">
@font-face{
    font-family:"typo-style-demo-bold";
    src:url("https://files.fontsme.com/t/10/1010/file/typo-style.demo-bold.otf") format("woff"),
    url("https://files.fontsme.com/t/10/1010/file/typo-style.demo-bold.otf") format("opentype"),
    url("https://files.fontsme.com/t/10/1010/file/typo-style.demo-bold.otf") format("truetype");
}
span.font3{font-family:"typo-style-demo-bold";font-size:45px;text-transform:none;}
</style>

<style type="text/css">
@font-face{
    font-family:"typo-style-demo-italic";
    src:url("https://files.fontsme.com/t/10/1010/file/typo-style.demo-italic.otf") format("woff"),
    url("https://files.fontsme.com/t/10/1010/file/typo-style.demo-italic.otf") format("opentype"),
    url("https://files.fontsme.com/t/10/1010/file/typo-style.demo-italic.otf") format("truetype");
}
span.font4{font-family:"typo-style-demo-italic";font-size:45px;text-transform:none;}
</style>

<style type="text/css">
@font-face{
    font-family:"typo-style-thin-demo-italic";
    src:url("https://files.fontsme.com/t/10/1010/file/typo-style.thin-demo-italic.otf") format("woff"),
    url("https://files.fontsme.com/t/10/1010/file/typo-style.thin-demo-italic.otf") format("opentype"),
    url("https://files.fontsme.com/t/10/1010/file/typo-style.thin-demo-italic.otf") format("truetype");
}
span.font5{font-family:"typo-style-thin-demo-italic";font-size:45px;text-transform:none;}
</style>

<style type="text/css">
@font-face{
    font-family:"typo-style-light-demo-italic";
    src:url("https://files.fontsme.com/t/10/1010/file/typo-style.light-demo-italic.otf") format("woff"),
    url("https://files.fontsme.com/t/10/1010/file/typo-style.light-demo-italic.otf") format("opentype"),
    url("https://files.fontsme.com/t/10/1010/file/typo-style.light-demo-italic.otf") format("truetype");
}
span.font6{font-family:"typo-style-light-demo-italic";font-size:45px;text-transform:none;}
</style>

<style type="text/css">
@font-face{
    font-family:"typo-style-demo-bold-italic";
    src:url("https://files.fontsme.com/t/10/1010/file/typo-style.demo-bold-italic.otf") format("woff"),
    url("https://files.fontsme.com/t/10/1010/file/typo-style.demo-bold-italic.otf") format("opentype"),
    url("https://files.fontsme.com/t/10/1010/file/typo-style.demo-bold-italic.otf") format("truetype");
}
span.font7{font-family:"typo-style-demo-bold-italic";font-size:45px;text-transform:none;}
</style>