Solved

Font size in browser smaller than normal

Posted on 2014-09-07
2
337 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
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 83

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

Interactive Way of Training for the AWS CSA Exam

An interactive way of learning that will help you visualize core concepts so that you can be more effective when taking your AWS certification exam.  Built for students by a student to help them understand the concepts that they are being taught.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

When it comes to write a Context Sensitive Help (an online help that is obtained from a specific point in state of software to provide help with that state) ,  first we need to make the file that contains all topics, which are given exclusive IDs. …
In threads here at EE, each comment has a unique Identifier (ID). It is easy to get the full path for an ID via the right-click context menu. However, we often want to post a short link within a thread rather than the full link. This article shows a…
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.
The is a quite short video tutorial. In this video, I'm going to show you how to create self-host WordPress blog with free hosting service.

617 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