W3C home > Mailing lists > Public > www-style@w3.org > January 2015

Re: multiple values for FONT similar to font-family

From: Gérard Talbot <www-style@gtalbot.org>
Date: Thu, 22 Jan 2015 11:41:48 -0500
To: Onur TOPAL <o_topal@yahoo.com>
Cc: W3C www-style mailing list <www-style@w3.org>
Message-ID: <a3a7267c865d954b2ac4cea6245a64ce@gtalbot.org>
Le 2015-01-09 09:45, Onur TOPAL a écrit :
> Hi,
> I am hopping this is the correct place for CSS3 suggestions. I am
> pretty sure I cannot be the only one who needs this but just in case.
> Can you please add multiple values for font so in case of fallback it
> will choose other font sizes as well.
> For example:
> font: 1em "Calibri Light", 0.9em Arial, sans-serif; so when browser
> cannot find the calibri it uses Arial but instead of 1em this time
> 0.9em as the size of Arial is different.
> this will have perfect for responsive design 
> Best regards.Onur Topal 

Onur,

I suggest to use font-size-adjust instead. Firefox supports this.

"
For any given font size, the apparent size and legibility of text varies 
across fonts. (...)

In situations where font fallback occurs, fallback fonts may not share 
the same aspect value as the desired font family and will thus appear 
less readable. The ‘font-size-adjust’ property is a way to preserve the 
readability of text when font fallback occurs. It does this by adjusting 
the font-size so that the x-height is the same regardless of the font 
used.
"
3.6 Relative sizing: the font-size-adjust property
http://www.w3.org/TR/css3-fonts/#font-size-adjust-prop


One test:

http://www.gtalbot.org/BrowserBugsSection/CSS3Fonts/font-size-adjust-001.html

Aspect values
Arial 	0.52
Calibri 0.46

Your "Calibri Light" and Arial example is mathematically correct but not 
ideal for cross-platform situations. Ideally, you want to propose at 
least 1 font for each operating system (Windows, MacOS, Linux) to cover 
availability of font.

Aspect value of fonts:

Aspect values of fonts installed on your computer:
http://www.brunildo.org/test/aspect-lh-table2.html

font-size-adjust value finder
http://wizard.ae.krakow.pl/~jb/font-size-adjust.html

Tools: Aspect values, x-widths for fonts
http://www.webspaceworks.com/resources/fonts-web-typography/43/

Compute aspect value of a font
http://www.brunildo.org/test/fontlist3.html

x-height, font aspect value, font-size-adjust
http://www.brunildo.org/test/xheight.pl

Gérard
Received on Thursday, 22 January 2015 16:42:21 UTC

This archive was generated by hypermail 2.4.0 : Friday, 25 March 2022 10:08:50 UTC