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

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

<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>

ویرایش شده در چهارشنبه 17 شهریور 1400 ساعت 21:46:38

مشخصات سوال کننده :

کاربر : frisat امتیاز کاربر : ‎−2 رتبه کاربر : 7082

دسته بندی : Asp.net Core جاوا اسکریپت Css

نظر ویرایش گزارش نشان

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

تعداد بازدید این سوال : 3250

1 نظر

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

امتیاز کاربر : 510 رتبه کاربر : 4 تاریخ ثبت : 09:48 1400/06/17

حذف

پاسخ دهنده : frisat 12:09 1400/06/18

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

به این پاسخ امتیاز بدهید 0

امتیاز: ‎−2 رتبه: 7082

نظر ویرایش گزارش

آخرین سوالات ثبت ‌شده

سوالات مرتبط

آموزش های پرطرفدار

آموزش ساخت اتوماسیون اداری تحت وب

آموزش ساخت سیستم فروش و انبارداری وب

آموزش ساخت سیستم حقوق و دستمزد وب با سینکفیوژن

آموزش ساخت سیستم آزمونگیر آنلاین

برای ارسال پاسخ لطفا وارد حساب کاربری خود شوید. ورود