Шпаргалка CSS для управления шрифтом и текстом

Что можно легко менять в шрифтах с помощью средств CSS. Это далеко не полный перечень, в дальнешем буду добавлять новые примеры.

Размер шрифта

Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне.


p {
    font-size: 0px;
}
    

Отступ первой строки text-indent

Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне.


p {
    text-indent: 0px;
}
    

Межстрочное расстояние

Lorem Ipsum - это текст-"рыба",
часто используемый в печати и вэб-дизайне.


p {
    line-height: 0px;
}
    

Межбуквенное расстояние

Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне.


p {
    letter-spacing: 0px;
}
    

Толщина шрифта

Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне.


p {
    font-weight: normal;
}
    

Cтиль шрифта

Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне.


p {
    font-style: normal;
}
    

Устанавливает семейство шрифта

Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне.


p {
    font-family: normal;
}
    

Горизонтальное выравнивание текста

Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне.


p {
    text-align: left;
}
    

Преобразованием текста в заглавные или прописные символы

Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне.


p {
    text-transform: none;
}
    

Цвет шрифта

Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне.


p {
    color: #fe234f;
}
    
Статья опубликована пользователем. Чтобы поделиться своим проектом, написать новость или статью нажмите кнопку «Стать автором»

Интересные материалы