I'm currently working on generating a PDF from an HTML template. Our customer provided the template they previously used in Word, and they require the font to be Verdana. The challenge I'm facing is that Verdana looks smaller and has a different weight when applied using CSS compared to how it appears in Word. I've attempted to make the CSS version resemble the Word document by:
- increasing the font-weight - but CSS only supports 400 (normal) or 700 (bold), which doesn't give me the desired in-between weight.
- adding text-shadow - I managed to achieve a similar look in the HTML template using
text-shadow: 0.1px 0 black;, but this styling was ignored when rendering the PDF. Only fixed pixel sizes liketext-shadow: 1px 0 black;were taken into account, resulting in a bolder effect than intended.
Do you have any suggestions on how I could resolve this issue? Verdana is crucial as it's the customer's signature font and a non-negotiable requirement.
Just to note, for PDF rendering I am utilizing the .Net core version of SelectPDF.
Thank you,
Lorena