marcação:

< corpo >
< divisão aula = 'contente' >
< h1 > Bem-vindo à dica do Linux. < / h1 >
< p > Um portal popular, Linux Hint, fornece ótimas informações sobre tópicos de ciência da computação. < / p >
< / divisão >
< / corpo >

Etapa 2: aplicar CSS
Primeiro, defina o “ tamanho da fonte ' para ' 16 pixels ”E“ altura da linha ”para“ 1,5 ”. Além disso, defina também a fonte para

e

Tag:

corpo {
família de fontes: sem serifa;
Fonte- tamanho : 18px;
linha- altura : 1,5 ;
}

h1 {
texto- alinhar : Centro;
Fonte- tamanho : 26px;
}

p {
Fonte- tamanho : 18px;
}

Saída
Aqui está uma saída do código que é adequada para todos os tamanhos de tela:

---

---

Etapa 3: aplicar consulta de mídia

• Primeiro, mencione o '@menção' tag e especifique o tamanho da tela “ 768px ' para o ' largura máxima ' propriedade. Este tamanho de tela se aplicará a todas as telas que tenham tamanho igual ou menor que “ 768px ”.
• Depois disso, especifique o tamanho da fonte para ,

  , e

  Tag:

@ meios de comunicação ( máximo- largura : 768px ) {
corpo {
Fonte- tamanho : 16px;
linha- altura : 1,5 ;
}

h1 {
Fonte- tamanho : 22px;
}

p {
Fonte- tamanho : 14
}
}

Abaixo está uma saída após aplicar a consulta de mídia. A consulta de mídia foi projetada para dispositivos que possuem tamanho de tela igual ou menor que “ 768px ”:

Conclusão

Para melhorar a legibilidade com o dimensionamento da fonte, primeiro, desenvolva um senso de legibilidade e dimensionamento da fonte. Além disso, entenda os diferentes tamanhos e tags de fonte. Escolha o tamanho de fonte apropriado e, em seguida, escolha a altura de linha adequada. Normalmente, a altura da linha é 1,2 vezes o tamanho da fonte. Além disso, escolha a família de fontes adequada para o conteúdo da web. Este artigo demonstrou a maneira prática de melhorar a legibilidade com o dimensionamento da fonte.