<style type="text/css">
@font-face{
    font-family:"mockup-regular";
    src:url("https://dafonttop.com/wp-data/m/699/3699/file/Mockup-Regular.otf") format("woff"),
    url("https://dafonttop.com/wp-data/m/699/3699/file/Mockup-Regular.otf") format("opentype"),
    url("https://dafonttop.com/wp-data/m/699/3699/file/Mockup-Regular.otf") format("truetype");
}
span.font0{font-family:"mockup-regular";font-size:45px;text-transform:none;}
</style>

<style type="text/css">
@font-face{
    font-family:"mockup-bold";
    src:url("https://dafonttop.com/wp-data/m/699/3699/file/Mockup-Bold.otf") format("woff"),
    url("https://dafonttop.com/wp-data/m/699/3699/file/Mockup-Bold.otf") format("opentype"),
    url("https://dafonttop.com/wp-data/m/699/3699/file/Mockup-Bold.otf") format("truetype");
}
span.font1{font-family:"mockup-bold";font-size:45px;text-transform:none;}
</style>

<style type="text/css">
@font-face{
    font-family:"mockup-bolditalic";
    src:url("https://dafonttop.com/wp-data/m/699/3699/file/Mockup-BoldItalic.otf") format("woff"),
    url("https://dafonttop.com/wp-data/m/699/3699/file/Mockup-BoldItalic.otf") format("opentype"),
    url("https://dafonttop.com/wp-data/m/699/3699/file/Mockup-BoldItalic.otf") format("truetype");
}
span.font2{font-family:"mockup-bolditalic";font-size:45px;text-transform:none;}
</style>

<style type="text/css">
@font-face{
    font-family:"mockup-italic";
    src:url("https://dafonttop.com/wp-data/m/699/3699/file/Mockup-Italic.otf") format("woff"),
    url("https://dafonttop.com/wp-data/m/699/3699/file/Mockup-Italic.otf") format("opentype"),
    url("https://dafonttop.com/wp-data/m/699/3699/file/Mockup-Italic.otf") format("truetype");
}
span.font3{font-family:"mockup-italic";font-size:45px;text-transform:none;}
</style>