0

I am trying to make my invoice smaller in size. Right now, I am using DejaVu font to print my invoice since that supports printing of "₹" symbol on my invoices. However, it increases the size of invoice as it gets embedded in invoice file. (See this )

I tried using Zend_Pdf_Font::FONT_TIMES_ROMAN in place of DejaVu. It indeed make my file smaller (from 1145 KB to 14 KB), but my symbol is not printed.

How can I make my file smaller in size while printing "₹" in invoices?

1 Answer 1

0

Try this

In CSS

.rupee {
    background-position:left;
    width: 10px;
    height: 14px;
    background-image: url('https://i.stack.imgur.com/vJZ9m.png');
    display:block;
    background-repeat: no-repeat;
}

In HTML

<span class="rupee"></span>
Rupee Symbol in html:- <span>&#8377;</span>
<br>
Rupee :- <span>&#8360;</span>

Source from http://jsfiddle.net/cse_tushar/fZpXM/

Hope it will help you.

1
  • My question is regarding invoice sir, not frontend.
    – Aakash
    Jul 20, 2017 at 5:47

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.