So I need to transform a web form into a pdf to be sent as an attachment.
Technically it is fine, but I need some help about best practices for the appearance of the printable document.
I generate the pdf from a web source, so I can use regular most of HTML and CSS to produce my paper
A printable form section looks roughly like this:
The issue I have:
The original paper version (the one that has been 'e'-ified) used some very thin font that was very light for the eyes but not greyish. Combined with hand written text and you have a form easy to read (not to decipher, but locations of things are clear).
On screen it is perfect, but it is a bit confusing on paper, and it is a bit hard to read. There are plenty of sections, and quite some fields and when printed everything inside a section looks the same and it is difficult to read.
I tried to play with the font weight value in the CSS, but it is a 'broken' feature since you have nine values available (from 100 to 900) but only few of them are really working (generally 2: regular and bold...).
Using bold on labels make the paper version very dim.
I'm considering using the italic but I'm not sure that's a correct move.
What should I do here with my labels and values to help the people to read the form on paper ?