Add bold version of a font

[Ahmad]

Hi

I'm having trouble adding bold version of Calibri font to client export manager pdf setting. Here's what I'm using :

 

RadClientExportManager1.PdfSettings.Fonts.Add("Calibri", "Styles/Fonts/Calibri.ttf");
RadClientExportManager1.PdfSettings.Fonts.Add("Calibri Bold", "Styles/Fonts/CalibriBold.ttf");

 

When I export my element to pdf, parts of text that are not bold look fine, but bold parts fonts is changed to something else. What can I do to add Calibri Bold to pdf setting?

Thanks

[Ivan Danchev]

Hello,

Our export test, using the Calibri Bold font, showed that when the exported text is not bold it will be exported bold and vice versa. To achieve a consistent look where all of the exported text is bold you can use the k-pdf-export class, which is related to the ClientExportManager's Change the Exported Content before Export functionality. For example, if you want to export the content of the "textExport" div in the following sample:

<div class="textExport">  Normal text <b>bold text</b> normal text <strong>strong text</strong> </div>

You can add the CSS rules posted below, which set a normal font-weight to the <b> and <strong> elements just before the export occurs (using the k-pdf-export class) and the exported content will look like this in the .PDF file:

<style type="text/css">
    .textExport {
        font-family: 'Calibri Bold';
    }

    .k-pdf-export .textExport, .k-pdf-export .textExport b, .k-pdf-export .textExport strong {
        font-weight: normal;
    }
</style>

Regards,
Ivan Danchev
Telerik

[Hugo Augusto]

What if you need to have a pdf with normal text and bold text? How to support that?

[Vessy]

Hi Hugo,

You can achieve that by using the same approach described by my colleague Ivan, but defining different font weight for the desired class/tag names:

    <style type="text/css">
        .textExport {
            font-family: 'Calibri Bold';
        }

        .k-pdf-export .textExport {
            font-weight: normal;
        }

            .k-pdf-export .textExport b,
            .k-pdf-export .textExport strong {
                font-weight: bold;
            }
    </style>

 

Regards,
Vessy
Progress Telerik