Search code examples
javascriptreactjsreact-pdf

React-PDF Display Text has different value when Copied


The highlight Text is from a short SHA from git summit.

This is PDF document generated with React-pdf.
Even though the display text is 4903677, when copied, it changed to •G07THH

The font is D-DINPro.otf

console.log() return the correct value.

What is happening here? Text Decode bug?

The Document code is pretty simple

<View style={styles.versionControl}>
    <Text>
        { new Date().toISOString()}
        {
            data.sha &&  <>--{data.sha}</>
        }
    </Text>
</View>

Display Text has Different Value


Solution

  • This is the error from the font package. When in default, the rendered values are correct.

    To fix, I import and export the Free D-Din font from birdfont program, this will fix the value issues in React-pdf.