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


Tags: html,css,font-size

Problem :

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;
}


Solution :

You should be able to use font-size-adjust


    CSS Howto..

    How to make div's width fit content not window

    How do I make my lightbox not scroll?

    How to add a repeating png image in the background of a webpage using CSS?

    How to show list items in menu when hover on the parent's it via CSS? [closed]

    HOW TO check if an external (cross-domain) CSS file is loaded using Javascript

    How to get variable`s value of CSS from database in yii?

    How do I apply a CSS class to Html.ActionLink in ASP.NET MVC?

    How to modify multiple elements of a block with BEM CSS

    How do I properly reference files in subdirectories (in xampp) for PHP, CSS, etc. on localhost?

    How to center image while also aligning text to the right of image?

    How to show transition of an element that is expanding over nearby content?

    How to change active color of bootstrap button group to have different color for each button

    How to Change CSS direction property of the input field automaticly if the user can use an language rtl or ltr

    With twitter bootstrap, how can I make it so that there's no word wrap in tables without breaking columns?

    How to add a class if div height reaches a fixed height?

    Simple CSS layout - how can I achieve this layout, and make it scale easily?

    How to use nth-child in CSS to select all elements after the 3rd one?

    How to call the event of one element in another element in JQuery

    How to create Text Overlays in CSS?

    How to auto adjust menus height according to container height

    Flex 4 How to set background image to VBox?

    How do I make a paragraph of text display as a square/rectangle in CSS

    Bootstrap tooltip showing behind modal window

    How to get border radius and gradient background working together in IE 9

    How to apply table cell formatting using CSS

    How to debug Font-Awesome icons?

    Using CSS to show gradient as well as an image

    How to apply jquery ui styling on dynamically generated elements

    How can I implement this dual-gradient menu design?

    How to turn off spell checking in CSS?