Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Font-size issues when reproducing a Word document into a website

Tags:

html

css

I have a Microsoft Word document which uses a 10pt Arial font. I have re-created this document with HTML/CSS, specifying font: normal 10pt Arial; in my stylesheet. When I print from the web page (from Chrome), the text appears significantly smaller.

I have my text wrapped in a 800px-wide container on my website. Might this be a cause? Besides this, to be honest I'm completely out of ideas & any help would be greatly appreciated.

like image 781
Brandon Avatar asked Aug 31 '11 00:08

Brandon


1 Answers

It could be because you are specifying font sizes in pts. pts are pretty much inconsistent across platforms and do not scale. (px don't scale either) Try using em. See Also: http://www.w3.org/QA/Tips/font-size, CSS Font-Size em vs. px vs. pt vs. percent

(You will have to provide a sample of your HTML to get a more concrete answer)

like image 162
Nivas Avatar answered Sep 26 '22 10:09

Nivas