2013-08-17 2 views
2

вот мой CSSс помощью krutidev шрифта для печати CSS в HTML

@font-face { 
    font-family: kruti dev ; 
    src: url('../../fonts/k010.ttf') format("truetype"); 
} 

.hinditext { 
    font-family: kruti dev; 
    font-size:18px; 
} 

и вот мой HTML

<h3 class="hinditext">lkoZtfud izU;kl efUnj Jh egkdkys'oj </h3> 

когда я отображения страницы в браузере, то показать содержимое на хинди, как показано ниже Browser display

но когда я даю отпечаток, то есть печатать содержимое на английском языке, как lkoZtfud izU; kl efUnj Jh egkdkys'oj.

Пожалуйста, скажите мне, как я разрешаю эту проблему и печатать содержимое на хинди.

+0

Во-первых, вы должны помещать кавычки вокруг имен шрифтов, содержащих пробелы. (И это официальное определение «should», которое почти так же сильно, как «должно»!) Во-вторых, вы уверены, что вы должны набирать символы ASCII? Я ожидал бы символов Unicode в диапазоне U + 09xx. –

ответ

0

<meta charset="UTF-8"> ПРОСТО ИСПОЛЬЗОВАТЬ

в голове SECION, ваша проблема будет решить.

+1

Автор вопроса не использует Юникод, а шрифт, который отображает A - Z как символы хинди. Так что это не поможет. –

+0

исправлено или нет? – ankur

0

Для хинди шрифта для веб-страницы и печати, используйте этот CSS:

@font-face { 
font-family: 'Kruti Dev'; 
src: url('../../Content/CustomCSS/Kruti Dev 010.ttf') format('truetype')} 

.KrutiDev_hindi_text { 
font-family: Kruti Dev !important; 
font-size: 18px !important;} 

Добавить KrutiDev_hindi_text класс в DIV вы хотите применить хинди шрифты и добавить ссылку на эту CSS в функции печати, т.е. strid = div id, который вы хотите распечатать.

Функция печати:

function CallPrint(strid) { 

    var panel = document.getElementById(strid); 
    var printWindow = window.open('', '', 'letf=100,top=100,width=600,height=600'); 

    printWindow.document.write('<html><head><meta charset="utf-8" /><title> </title>'); 

    printWindow.document.write('</head><body >'); 
    printWindow.document.write('<div class="container-fluid">'); 
    printWindow.document.write(panel.innerHTML); 
    printWindow.document.write('<\/div>'); 
    //printWindow.document.write('<link href="/Content/bootstrap.css" rel="stylesheet" />'); 
    printWindow.document.write('<script src="/Scripts/jquery-1.9.1.min.js"><\/script>'); 
    //printWindow.document.write('<script src="/Scripts/bootstrap.min.js"><\/script>'); 
    printWindow.document.write('<link href="/Content/BhardwajCustom.css" rel="stylesheet" />'); 
    printWindow.document.write('<style><\/style>'); 
    printWindow.document.write('</body>'); 
    printWindow.document.write('</html>'); 
    printWindow.document.close(); 

    //printWindow.print(); 
    setTimeout(function() { 
     printWindow.print(); 
    }, 100); 
    return false; 
} 
-1
<style> 
@font-face{ 
font-family: kruti dev; 
src: url("assets/text-font/K010.TTF") format("truetype"); 
} 
.hindi{ 
font-family: kruti dev; 
font-size: 25px; 
} 
    </style> 

Убедитесь, что вы добавляете ("") в CSS URL ("активы/текст-шрифтов/K010.TTF");

+0

URL-ссылки могут быть одиночными, двойными или нет – Fiddles

Смежные вопросы