Skip to main content

CSS: How To and Understanding Font Size (em, px, rem)

Confused with which unit of measurement to use for font-size for your CSS? In fact, there are 2 widely accepted ones to use:

  1. px
  2. em

px, e.g. 16px, is used if you wish to give a fixed size mandate on the font.

em is more like in ratio (1.0em is equivalent to 16px) with respect to its parent. One advantage of em is it will scale up or down when the browser zoom in or out is used. Since the ratio is with respect to its parent, 2 occurences of 0.8em can mean different equivalent pixels if their respective parents have different pixels specifications. Here comes the new rem.

CSS3 introduces the new rem unit, which stands for "root em". What the rem unit does is it is now relative to the root—or the html—element. That means that we can define a single font size on the html element and define all rem units to be a percentage of that.

The Jonathan Snook's blog has an article on font sizing with REM in more details.

Popular Posts

How to stop FortiClient from starting automatically?

Installed FortiClient recently but the challenge in disabling the application/service from running automatically on every start-up annoyed me. Attempt to stop 'FortiClient Service Scheduler' only return 'Parameter is incorrect' error message.

An article on Technet help solve my trouble. To stop FortiClient from starting automatically, try the following:
Shut down FortiClient from the system tray.
Run net stop fortishield on command prompt.
Run msconfig.
On msconfig, switch to the Services tab. Clear the FortiClient Service Scheduler check box and click Apply.Run services.msc on command prompt to open up show all available services.Look for FortiClient Service Scheduler. Switch Startup type to Manual.Restart your computer. FortiClient should not be running automatically the next time round. Hope it helps.

Ho Ching named 5th most powerful and is mistaken as first lady by Forbes

Forbes named Singapore Prime Minister wife and CEO of Temasek Holdings, Ho Ching, as the 5th most powerful woman in the world. Ho Ching is mistaken as Singapore's first lady! OMG!

I wonder how can Forbes makes such a blunder. For a complete list, refer to here.

Google Suggestion "where is" - Najib, Rosmah - Malaysia GE17

The 14th Malaysian general election held on 9 May 2018 had concluded with the incumbent Barison Nasional (BN) voted out and Najib losing his Prime Minister position. Taking over the government is the opposition party with Dr Tun Mahathir Mohamad, a former Prime Minister of Malaysia, being sworn in as the 7th Prime Minister. Dr Mahathir is now 92 years old.

So where exactly is Najib and his wife Rosmah? Even Google is showing the below when I type "where is". I bet many people are now searching for this.