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

01:40:00 PM - 1400/06/15

سلام. من وقتی یک جدول رو با جاوا اسکریپت روی لوکال هاست چاپ میکنم فونتی که بهش دادم اعمال میشه ولی وقتی پروژه رو پابلیش میکنم و روی سرور میفرستم فونت خودش رو هنگام چاپ از دست میده آیا باید فونت رو به سرور ارسال کنم چطور؟ یا... لطفا رهنمایی بفرمایید :

<script>
    function printDiv() {
        var divToPrint = document.getElementById('table');
        var htmlToPrint = '' +
            '<style type="text/css">' +
            'table th, table td {' +
            'font-family:vazir;'+
            'border:1px solid #000;' +
              'text-align:center;' + 
            'padding:0.5em;' +
            '}' +
            '</style>';

        htmlToPrint += divToPrint.outerHTML;
        newWin = window.open("");
        newWin.document.write(htmlToPrint);
        newWin.print();
        newWin.close();
    }
</script>

ویرایش شده در چهارشنبه ۱۷ شهریور ۱۴۰۰ ساعت ۲۱:۴۶:۳۸

به این سوال امتیاز بدهید 0 تعداد بازدید این سوال : 2376

1 نظر

hamid_b : خب مطمئنا شما باید فونتی که در روی لوکال استفاده کردید رو روی سرور هم ببرید. اگر پروژتون با Core هست فونتها رو توی پوشه wwwroot باید نگهداری کنید. روی سرور هم باید دقیقا از فونتهایی که در پوشه wwwroot در لوکال استفاده کردید، استفاده کنید.

حذف امتیاز کاربر : 475 رتبه کاربر : 4 تاریخ ثبت : ۰۹:۴۸ ۱۴۰۰/۰۶/۱۷

پاسخ دهنده : frisat 12:09:00 PM - ۱۴۰۰/۰۶/۱۸

من فقط میخوام این مسیر فونت رو به این قطعه کد جاوا اسکریپت بدم و برای استایل دهی جدول استفاده کنم
کاری به @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>