OTF Uzantısını Siteye Webfont Olarak Ekleme

@font-face{
    font-family:'Font Name';
    src:url('WebFont.ttf') format('Truetype'),
        url('WebFont.svg') format('SVG'),
        url('WebFont.eot') format('Embedded-OpenType'),
        url('WebFont.woff') format('Woff');
}

<span style="font-family:'Font Name'">Web Font</span>

@font-face{
            font-family:'Abel-Pro';
            src:url('Abel-Pro.otf') format('OpenType');
            font-weight:400;
        }
        @font-face{
            font-family:'Abel-Pro-Bold';
            src:url('Abel-Pro-Bold.otf') format('OpenType');
            font-weight:700;
        }