Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Latin extended characters not rendering

See original GitHub issue

Describe the bug I loaded a Google Font (Roboto) that I know it supports latin extended characters, like this:

Font.register(
  'https://fonts.gstatic.com/s/roboto/v19/KFOmCnqEu92Fr1Mu4mxPKTU1Kg.ttf',
  { family: 'Roboto' },
);

I put below the repl link and screenshot.

To Reproduce https://react-pdf.org/repl?code=3187b0760ce02e00408a057025803c450298c0bc300500943807cf805030c00f0022230080b6198531165d400a02180e659a004f003619b006f61622003a0046200099080beed3a72a005430a58d3c54a8a231ca848a18d530019aa0c4a366ca209002b0f3102820206d4040e080805e8030808a80808e80005f006f003f00cf1c9a5400f4baface9429bc02ce29740cccacec0400dc64640062e050b2004e187c48d018b5781c00e400165050000e10005cc9c9b6d5727cd03c16c0b2a08cc910c9b5208a5020c9006e008c009cc900d21500f28c00c260008e00a2083b004c15b55b00b208002c8c285cfbda00aa5bfb3e2c87ab6768006838123b0f11848111080630768009456e8103b460aa08695caa0480184c321c0c000ca448c2933a180c0d580f529860f0120e058ac18444b334a35629290002f0e4c0ee6f0866930fa0020888907c30223dac0162616ae0c49d9aa15185c21148d46ac311c6c59154b8b2322303c60140b8340a9d4584a169e0a888543a0b0c9622e2800000

Screenshots This is what I get.

Issue Analytics

State:
Created 4 years ago
Reactions:1
Comments:9 (2 by maintainers)

Top GitHub Comments

2reactions

lpwwcommented, Oct 1, 2019

Update:

I managed to get custom fonts working by using local imports and this workaround https://github.com/diegomura/react-pdf/issues/588#issuecomment-491538579

Example

Font.register({
  family: 'NotoSansJP-Regular',
  format: 'truetype',
  src: `//${window.location.host}/fonts/NotoSansJP-Regular.ttf`
})

The src is a path to a font I had downloaded from google font, imported/exported from birdfont (without making any changes), and added to my project. For some reason it fixes issues with custom fonts

0reactions

Miluxascommented, Apr 15, 2020

Hi everyone I have some problems with the custom font. cause I can’t use Persian font even. None of this solution handles my problem. What should I do?