1 reply [Last post]
jason1979's picture
Last seen: 5 years 1 week ago
Timezone: GMT+11
Joined: 2016-04-29
Posts: 1
Points: 2


I`m new to CSS and would like to what tool I can used to Match the Webpage look n feel with the printed page format.

Written Content of the webpage and the printed document is fine. However, its more of the look that is not matching for now.

I`ve limited time in my hand to get the changes and thus wanted to understand:

a) what area to look upon b) what tool to used

Sorry for asking too much in one query, but though to provide the exact issue.

Thanks in advance to the community for your suggestions and support.

gary.turner's picture
Last seen: 1 year 48 weeks ago
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9776
Points: 3858

Not a font expert, but …

Jason, you may be asking the impossible, or at least the wrong question.

Good print fonts and good web fonts are not the same. You can use the same fonts, but each medium has a different requirement for use. We can begin with pixels or points per inch (ppi). Print, even on cheap newsprint, has a much higher ppi than even the highest resolution monitor. That means that print can use serif fonts and/or fonts with much lower aspect ratios (roughly, the ratio of the height of lower case characters to upper case). With decent resolution, the printed word is easier to read. For monitors though, we use higher aspect ratios and sans-serif fonts for greater clarity.

In each case, a font that is easier to read is chosen for the particular medium. The glyphs that are good for one may terrible on the other. It is often possible to choose similar fonts, but identical fonts will likely be sub-optimal in one or the other.

Remember, too, that you do not control the viewers choices in a web page. He can change or even completely ignore your choices. I do all the time, especially when the glyphs are hard to read; that or I simply go elsewhere.


If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.