Solved

Font size in browser smaller than normal

Posted on 2014-09-07
2
313 Views
Last Modified: 2014-09-07
Here is a minimal HTML page:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta content="en-us" http-equiv="Content-Language">
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<style type="text/css">
p { font-family: Courier New;	 font-size: 14px; font-weight: bold; }
</style>
</head>
<body>
<p>Site Under Construction</p>
</body>
</html>

Open in new window


When I open this page in any browser, the font looks smaller than normal 14px.
In browsers, zoom level is 100% and font size is medium.

I compare font size with what Notepad would render at 14px, same font, bold. Same in Word.
However, if I increase browser zoom level at 125%, font suddenly looks normal.

This happens in all browsers. What am I missing?
0
Comment
Question by:campinam
2 Comments
 
LVL 58

Assisted Solution

by:Gary
Gary earned 250 total points
ID: 40309157
Your confusing points and pixels.
Notepad uses pt and your webpage is using px
0
 
LVL 82

Accepted Solution

by:
Dave Baldwin earned 250 total points
ID: 40309158
Notepad only has point sizes available, not pixel sizes.  A font at 16 pixels is the same as 12 points.  This page http://kyleschaeffer.com/development/css-font-size-em-vs-px-vs-pt-vs/ seems to have a good description of the different methods for fonts sizes.
0

Featured Post

IT, Stop Being Called Into Every Meeting

Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

Join & Write a Comment

I've been asked to discuss some of the UX activities that I'm using with my team. Here I will share some details about how we approach UX projects.
Any business that wants to seriously grow needs to keep the needs and desires of an international audience of their websites in mind. Making a website friendly to international users isn’t prohibitively expensive and can provide an incredible return…
The viewer will get a basic understanding of what section 508 compliance can entail, learn about skip navigation links, alt text, transcripts, and font size controls.
HTML5 has deprecated a few of the older ways of showing media as well as offering up a new way to create games and animations. Audio, video, and canvas are just a few of the adjustments made between XHTML and HTML5. As we learned in our last micr…

757 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

20 Experts available now in Live!

Get 1:1 Help Now