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.

Speech by Mr Inderjit Singh on Population White Paper

People's Action Party MP, Mr Inderjit Singh, debated on the Population White Paper and put up his point across that he is against his own party's 6.9m projected population. I applaud his courage to stand up against the party whip and for his fellow Singaporeans.

His key points are;

Slow down immigration and focus on resolving all issue related to the past population boom.We can live with a slightly slower growth (not zero or slow growth) and hence moderate dependence on foreigners.Use the Dubai model to complement our local workforce with foreign workforce, but don’t grant them PRs – ie a transient workforce.Abandon the 6.9m figure by 2030, this will be another rapid growth which we cannot handle.Solve Singaporeans problems first and also don’t give PRs same privileges as citizens.
As published on Mr Inderjit Singh's Facebook status, the full speech made in the parliament is as below:

Speech by Mr Inderjit Singh, MP for Ang Mo Kio GRC
On the White Paper on Population


Madam S…