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 style xml tag attribute with css

    How to make a search bar clippable without pushing down elements, using 2 inputs

    How to place a css button in center (horizontal) of four table columns

    CSS slideshow - How can I add a link to the image?

    CSS: how to get scrollbars for div inside container of fixed height

    How would you replicate these boxes in CSS?

    How to set style for a column in an extjs 4 grid [closed]

    how to add empty space between cells in tables?

    How can I apply CSS Mixins with native Javascript?

    How to avoid IE11 “slow” evaluation of CSS :invalid and :valid pseudo selectors

    how to remove selected option background color in IE browser through css?

    CSS - how to align different font-sizes to each other?

    how to override left:0 using CSS or Jquery?

    How to apply css style for dynamic tr with td and input tag?

    CSS: How to fake a :hover state?

    How to override css cursor property of a hovered button?

    How to reuse a css background sprite for icons of different sizes?

    how to get parameter orignal value by receiving it in function

    how to fix an element inside bootstrap modal with respect to bootstrap modal

    Capybara/CSS: How to find an input field by label AND value?

    How to make a shrink-to-fit container with max-height and scrollbars in the content area?

    how to change collapse direction of a panel in bootstrap

    how to set button background such that it takes up height and width of parent div? what css property affects which dimension?

    How to make the opposite effect of Hover in css [duplicate]

    html-css-how to make opeanable vertical menu [closed]

    Show and remove “No Record Found” message in jqgrid 4.6.0

    How to styles labels only within fieldsets using CSS?

    How to route requests in codeigniter so we can serve static css, js and img files?

    How do you deploy a project using Less CSS to Heroku?

    how to make an odd shaped html/css menu?