Unable to export Material Icons to PDF

[MaximBalaganskiy]

I have read and understood the contribution guidelines.

Material Icons are not exported to PDF. The fiddle to reproduce https://jsfiddle.net/qjt1y5ac/1/ I have also tried the font converter with the same result.

[SquatCub]

Could you please assign me the issue, I think I have a solution for it

[SquatCub]

Have you used any other font for other icons apart from material icons?

[MaximBalaganskiy]

I have tried font-awesome with no luck - some unicode glyphs are rendered instead of the icons. Proper text random font from google fonts collection worked fine.

[LeLunZ]

Having the same issue :) Rendered html looks like this:

PDF Looks like this (arrows missing):

Here the pdf for debugging: not-working.pdf

[LeLunZ]

@SquatCub what would you suggestion is the fix/not working?

[topwebtek7]

any fix for this issue?

[LeLunZ]

any fix for this issue?

Not really. In the fontFace property you can add this:

               {
                    family: 'Material Icons',
                    src: [
                        {
                            url: 'assets/fonts/MaterialIcons-Regular.ttf',
                            format: 'truetype',
                        },
                    ],
                }, ```

but it will show blank icons (nothing)

[github-actions[bot]]

This issue is stale because it has been open 90 days with no activity. It will be closed soon. Please comment/reopen if this issue is still relevant.

[MaximBalaganskiy]

Still relevant

[tomnar]

Does this mean that jsPDF cannot be used for websites that use Material Icons? I cannot get the icons to show up :/

[github-actions[bot]]

This issue is stale because it has been open 90 days with no activity. It will be closed soon. Please comment/reopen if this issue is still relevant.

[MaximBalaganskiy]

bump

[Intevel]

Same problem with Font Awesome Icons 🔢

[github-actions[bot]]

This issue is stale because it has been open 90 days with no activity. It will be closed soon. Please comment/reopen if this issue is still relevant.

[MaximBalaganskiy]

Bump

[robertsummitt]

Still seeing this problem in 2.5.1

[github-actions[bot]]

This issue is stale because it has been open 90 days with no activity. It will be closed soon. Please comment/reopen if this issue is still relevant.

[MaximBalaganskiy]

Bump

On Tue, 24 Oct 2023 at 12:47 pm, github-actions[bot] < @.***> wrote:

This issue is stale because it has been open 90 days with no activity. It will be closed soon. Please comment/reopen if this issue is still relevant.

— Reply to this email directly, view it on GitHub https://github.com/parallax/jsPDF/issues/3423#issuecomment-1776336806, or unsubscribe https://github.com/notifications/unsubscribe-auth/AA4KNPCKQH7LCCFYMV5IKFTYA4M45AVCNFSM5WUM2WF2U5DIOJSWCZC7NNSXTN2JONZXKZKDN5WW2ZLOOQ5TCNZXGYZTGNRYGA3A . You are receiving this because you authored the thread.Message ID: @.***>

[jguirimm]

Bonjour, je souhaite participer à la résolution de ce problème. Pouvez-vous me l'attribuer ?

[github-actions[bot]]

This issue is stale because it has been open 90 days with no activity. It will be closed soon. Please comment/reopen if this issue is still relevant.

[MaximBalaganskiy]

Bump

[LanderBeeuwsaert]

lol bump bump

[franss22]

bump

[iniceice88]

As a workaround, you can use the codepoint instead of the text 'check'. MaterialIcons-Regular.codepoints

https://jsfiddle.net/35zL1htq/

<div style="width: 21cm;" id="page">
    Icon
    <span style="font-family: 'Material Icons'; font-size: 24px">&#xe5ca;</span>
</div>