/    Sign up×
Community /Pin to ProfileBookmark

Liquid font help!

Liquid font help!
I am making a layout for my blog.
the idea is to have it as liquid as possible.
So it works everywhere.
I have been reading out about liquid fonts…err so how should i do to make the size contant in a liquid way on all browsers? % or px?

to post a comment
CSS

6 Comments(s)

Copy linkTweet thisAlerts:
@_Aerospace_Eng_Nov 30.2006 — Use em as your units and you have your liquid layout.
Copy linkTweet thisAlerts:
@Leo_01authorNov 30.2006 — EM is relative to..?
Copy linkTweet thisAlerts:
@Leo_01authorNov 30.2006 — What do they mean by

"The 'em' unit is equal to the computed value of the 'font-size' property of the element on which it is used. The exception is when 'em' occurs in the value of the 'font-size' property itself, in which case it refers to the font size of the parent element."

Does it means that it it adds the font size of the parent and the specified EM size to get the one shown on screen?
Copy linkTweet thisAlerts:
@LeeUNov 30.2006 — Here are two good references:

[URL=http://www.reeddesign.co.uk/test/points-pixels.html]Conversion chart[/URL]

[URL=http://riddle.pl/emcalc/]Em calculator[/URL]
Copy linkTweet thisAlerts:
@WebJoelNov 30.2006 — For clarity's sake, perhaps instead of calling this "liquid font" which I didn't find any referance to, it should be referred to as 'scalable font', which is what it actually does. -It 'scales' (changes size) on user-devices if given in "%" or "em". "Liquid" generally refers to a site's overall "layout" (which, admittedly, also 'scales'). :o
×

Success!

Help @Leo_01 spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 6.12,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,
)...