Breaking News: Grepper is joining You.com. Read the official announcement!

Responsive font

Add Answer

Eva answered on December 9, 2020 Popularity 9/10 Helpfulness 6/10

answer Responsive font

related css responsive font size

related responsive font-size

related responsive font size in css

related how to make the font size responsive

related responsive font size

related responsive font size css

Responsive font

Comment

.html {
font-size: calc(15px + 0.390625vw); 
}

Popularity 9/10 Helpfulness 6/10 Language css

Source: Grepper

Tags: css responsive

Link to this answer
Share Copy Link

Contributed on Dec 20 2022

Eva

0 Answers Avg Quality 2/10

Closely Related Answers

css responsive font size

Comment

body {
  // font grows 1px for every 100px of viewport width
  font-size: calc(16px + 1vw);
  // leading grows along with font,
  // with an additional 0.1em + 0.5px per 100px of the viewport
  line-height: calc(1.1em + 0.5vw);
}

Popularity 10/10 Helpfulness 9/10 Language css

Source: css-tricks.com

Tags: css

Link to this answer
Share Copy Link

Contributed on Aug 28 2022

Mila Loup

0 Answers Avg Quality 2/10

responsive font-size

Comments(1)

/* please refer to https://developer.mozilla.org/fr/docs/Web/CSS/clamp() */
font-size: clamp(40px, 10vw, 70px); /* clamp(MIN, VAL, MAX) */

Popularity 10/10 Helpfulness 6/10 Language css

Source: Grepper

Tags: css

Link to this answer
Share Copy Link

Contributed on Dec 09 2020

johannb75

0 Answers Avg Quality 2/10

responsive font size in css

Comment

font-size: clamp(1.5rem, 8vw - 2rem, 3rem);

Popularity 8/10 Helpfulness 5/10 Language css

Source: fluid-typography.netlify.app

Tags: css font-size font-s

Link to this answer
Share Copy Link

Contributed on Mar 29 2024

Saqib Tahir

0 Answers Avg Quality 2/10

how to make the font size responsive

Comment

font-size:10vw

Popularity 9/10 Helpfulness 3/10 Language whatever

Source: Grepper

Tags: font-size font

Link to this answer
Share Copy Link

Contributed on Apr 12 2023

Hassan Essam

0 Answers Avg Quality 2/10

responsive font size

Comment

:root {
  font-size: calc(1vw + 1vh + .5vmin);
} 
/*Now you can utilize the root em unit based on the value calculated by :root:*/
body {
  font: 1rem/1.6 sans-serif;
}

Popularity 7/10 Helpfulness 3/10 Language css

Source: github.com

Tags: css font-size font

Link to this answer
Share Copy Link

Contributed on Apr 04 2024

Saqib Tahir

0 Answers Avg Quality 2/10

responsive font size css

Comment

@media screen and (max-width: 768px) {
  /* Adjust the font size for smaller screens */
  .my-text {
    font-size: 14px;
  }
}

@media screen and (min-width: 769px) {
  /* Set the default font size for larger screens */
  .my-text {
    font-size: 16px;
  }
}

Popularity 9/10 Helpfulness 2/10 Language css

Source: Grepper

Link to this answer
Share Copy Link

Contributed on Sep 12 2023

YOU.com

0 Answers Avg Quality 2/10

Responsive font

Contents

More Related Answers

Responsive font

Closely Related Answers

css responsive font size

responsive font-size

responsive font size in css

how to make the font size responsive

responsive font size

responsive font size css

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.