order_details.html

<style>
    @font-face {
        font-family: "arial", "helvetica", "symbol";
        src: url("{{ MEDIA_ROOT }}fonts/Arial.ttf");
    }

    @font-face {
        font-family: "arial black";
        src: url("{{ MEDIA_ROOT }}fonts/Arial-bold.ttf");
    }

    @font-face {
        font-family: "arial";
        src: url("{{ MEDIA_ROOT }}fonts/Arial-bold.ttf");
        font-weight: bold;
    }

    @font-face {
        font-family: "arial";
        src: url("{{ MEDIA_ROOT }}fonts/Arial-bold-italic.ttf");
        font-weight: bold;
        font-style: italic;
    }

    @font-face {
        font-family: "arial";
        src: url("{{ MEDIA_ROOT }}fonts/Arial-italic.ttf");
        font-style: italic;
    }

    @font-face {
        font-family: "verdana";
        src: url("{{ MEDIA_ROOT }}fonts/Verdana.ttf");
    }

    @font-face {
        font-family: "Times New Roman", "wingdings";
        src: url("{{ MEDIA_ROOT }}fonts/TimesNewRoman.ttf");
    }

    @font-face {
        font-family: "Times New Roman", "wingdings";
        src: url("{{ MEDIA_ROOT }}fonts/TimesNewRoman-bold.ttf");
        font-weight: bold;
    }

    @font-face {
        font-family: "Times New Roman", "wingdings";
        src: url("{{ MEDIA_ROOT }}fonts/TimesNewRoman-bold-italic.ttf");
        font-weight: bold;
        font-style: italic;
    }

    @font-face {
        font-family: "Times New Roman", "wingdings";
        src: url("{{ MEDIA_ROOT }}fonts/TimesNewRoman-italic.ttf");
        font-style: italic;
    }

    @font-face {
        font-family: "Comic Sans Ms";
        src: url("{{ MEDIA_ROOT }}fonts/ComicSans.ttf");
    }

    @page {
        margin: 1cm;
        margin-bottom: 2.5cm;

    @frame footer {
    -pdf-frame-content: footerContent;
    bottom: 2cm;
    margin-left: 1cm;
    margin-right: 1cm;
    height: 1cm;
  }
        }

    html, body, table, caption, tbody, tfoot, thead, tr, th, td {
        font-family: "Times New Roman";
    }

</style>