Calculate font sizes - Support | Kriesi.at

Tagged: font size, pixel

Viewing 3 posts - 1 through 3 (of 3 total)

Author

Posts
May 31, 2013 at 11:01 am #24117

Michael Oeser
Participant

I need to change some of the font sizes which I did in the CSS field of the themes options and basically that´s fine. But I simply entered pixel dimensions whilst enfold uses both px/em values.

What I don´t get is how you calculated those values. For example for the body Enfolds defaul CSS says

font: 13px/1.65em

The reset sets the default size to 100% which is normally 16px. 13px would then equal 0.813em and not 1.65em. I´m sure I´m missing something but I don´t get what.

Cheers

Michael

June 1, 2013 at 9:02 am #122380

Dude
Participant

Actually I guess Kriesi doesn’t want to scale down the default size to 13px/0.813em but he used those font size & line height values which gave him the best results (nice typography, readability, etc.). Maybe some articles about typography will help you: http://webdesignerwall.com/tutorials/typographic-contrast-flow , http://coding.smashingmagazine.com/2009/04/03/8-simple-ways-to-improve-typography-in-your-designs/ , http://ilovetypography.com/2008/02/28/a-guide-to-web-typography/ and http://speckyboy.com/2009/08/31/50-essential-web-typography-tutorials-tips-guides-and-best-practices/

June 1, 2013 at 4:25 pm #122381

Michael Oeser
Participant

My bad I got something completely wrong. I was thinking about rem rules not em. And furthermore I didn´t realize that

font:13px/1.65em

is shorthand CSS for

font-size:13px

line-height:1.65em

So there are absolute font sizes used instead of relative. Got it now.
Author

Posts

Viewing 3 posts - 1 through 3 (of 3 total)

The topic ‘Calculate font sizes’ is closed to new replies.