How to define alternative font-family corresponding to font-size CSS

Question

I declare font family in CSS:

body { 
    font-family: "Segoe UI", "Verdana";
}

We all know it means that if the browser does not support the first font, it tries the next font.

Now I want if the browser apply first font, it will apply font-size 12px; if the browser apply seccond font, it will apply font-size 10px,... and so on...

I wonder if we can declare like this

body { 
    font-family: "Segoe UI", "Verdana";
    font-size: 12pt, 10pt;
}

Duplicate: http://stackoverflow.com/questions/3555962/css-different-font-sizes-on-different-families — OverZealous, Aug 04 '11 at 04:42

score 1 · Accepted Answer · answered Aug 04 '11 at 05:17

1

You should be able to use font-size-adjust

answered Aug 04 '11 at 05:17

pizza247

3,869
7
33
47

3

Only supported by Firefox. – Johncl Dec 18 '13 at 14:11

How to define alternative font-family corresponding to font-size CSS

1 Answers1