How to define an alternate font family matching CSS size font

Question

I declare a font family in CSS:

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

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

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

I wonder if we can declare this as

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

Answer 1

You can use font-size-adjust