Овај пост ће разрадити метод за побољшање читљивости помоћу величине фонта.
Како побољшати читљивост помоћу величине фонта?
Читљивост фонтова се може повећати радом на различитим факторима. Као што је повећање дужине линије на нешто већу величину. Поред тога, користите одговарајућу породицу фонтова и користите одговарајућу величину фонта. Међутим, да бисте практично научили побољшање читљивости помоћу величине фонта, следите доле наведене кораке:
Корак 1: Креирајте ХТМЛ структуру
Почните са креирањем <див> са именом класе “ садржаја ”. Након тога, укључите неки садржај унутар <див> ознака:
< тело >
< див класа = 'садржај' >
< х1 > Добродошли у Линук савет. < / х1 >
< стр > Популарна веб локација портала Линук Хинт пружа сјајне информације о темама из рачунарства. < / стр >
< / див >
< / тело >
Корак 2: Примените ЦСС
Прво поставите „ фонт-сизе ' до ' 16пк ” и „висина линије” до „ 1.5 ”. Штавише, поставите и фонт за <х1> и <п> ознаке:
тело {
фонт-фамили: санс-сериф;
фонт- величина : 18пк;
линија- висина : 1.5 ;
}
х1 {
текст- поравнајте : центар;
фонт- величина : 26пк;
}
стр {
фонт- величина : 18пк;
}
Излаз
Ево излаза кода који је погодан за све величине екрана:
Корак 3: Примените медијски упит
- Прво, поменути „@помињање“ означите и одредите величину екрана “ 768пк ' до ' максимална ширина ' имовина. Ова величина екрана ће се применити на све екране који имају величину једнаку или мању од „ 768пк ”.
- Након тога одредите величину фонта за <боди> , <х1> , и <п> ознаке:
тело {
фонт- величина : 16пк;
линија- висина : 1.5 ;
}
х1 {
фонт- величина : 22пк;
}
стр {
фонт- величина : 14
}
}
Испод је излаз након примене медијског упита. Упит за медије је дизајниран за уређаје који имају величину екрана једнаку или мању од „ 768пк ”:
Закључак
Да бисте побољшали читљивост помоћу величине фонта, прво развијте осећај читљивости и величине фонта. Штавише, разумејте различите величине фонта и ознаке фонтова. Изаберите одговарајућу величину фонта, а затим изаберите одговарајућу висину реда. Типично, висина линије је 1,2 пута већа од величине фонта. Штавише, изаберите породицу фонтова која је погодна за веб садржај. Овај чланак је демонстрирао практичан начин побољшања читљивости помоћу величине фонта.