اعمال فونت روی برای چاپ اطلاعات با جاوا اسکریپت روی سرور

پاسخ هوش مصنوعی

برای اینکه فونت شما هنگام چاپ اطلاعات به درستی نمایش داده شود، باید اطمینان حاصل کنید که فونت مورد نظر به درستی روی سرور بارگذاری شده و در دسترس باشد. این کار معمولاً به دو صورت انجام می شود:

1. **بارگذاری فونت به سرور**: شما می توانید فایل فونت (مثلاً .woff، .ttf) را به سرور آپلود کرده و در CSS خود به آن ارجاع دهید. به این ترتیب، هنگام چاپ، وب سایت به فایل فونت دسترسی خواهد داشت.

2. **استفاده از فونت های وب**: می توانید از سرویس هایی مانند Google Fonts استفاده کنید. به این ترتیب دیگر نیازی به بارگذاری فونت به صورت محلی نیست و کافیست لینک فونت را در قسمت صفحه HTML خود قرار دهید.

برای استفاده از فونت vazir از Google Fonts، به این صورت عمل کنید:

<link href="https://fonts.googleapis.com/css2?family=Vazir&display=swap" rel="stylesheet">

سپس در CSS خود، فونت را به شکل زیر تنظیم کنید:

table th, table td {
    font-family: 'Vazir', sans-serif;
    border: 1px solid #000;
    text-align: center; 
    padding: 0.5em;
}

با این روش مطمین خواهید بود که فونت در زمان چاپ در دسترس است و به درستی نمایش داده می شود.

من فقط میخوام این مسیر فونت رو به این قطعه کد جاوا اسکریپت بدم و برای استایل دهی جدول استفاده کنم
کاری به @Font Face و @madia print ندارم.فقط میخوام این آدرس فونت رو در این کد جاوا جا بدم و همونجا هم ازش استفاده کنم

این آدرس ('Vazir', 'url(~/dist/fonts/Vazir.ttf)
و این کد

<script>
 
    function printDiv() {
        var divToPrint = document.querySelectorAll('.print-table');
 
        var htmlToPrint = '' +
            '<style type="text/css">' +
            'table th, table td {' +
            'font-family:Vazir;' +  
            'border:1px solid #000;' +
            'padding:0.5em;' +
 
            '}' +
            '</style>';
 
        divToPrint.forEach((item) => {
            htmlToPrint += item.outerHTML;
        })
        newWin = window.open("");
        newWin.document.write(htmlToPrint);
        newWin.print();
        newWin.close();
    }
 
    var elem = document.getElementById("intro");
    elem.style.textAlign = "center";
 
</script>