Как задавать разный font, чтобы был на одном уровне?

Рейтинг: 0Ответов: 1Опубликовано: 02.02.2015

Два вопроса:

  1. Нужно использовать разный фонт, использую для этого font-size. В итоге буквы всегда находятся на разных уровнях. Что делать, чтобы выровнять их?

  2. Как оформлять font, если его приходится делать разным на одной странице, например, если нужно сделать 5 типов текста с разным size'ом, цветом и жирностью; нужно сделать 5 разных классов?

alt text

css html вёрстка
Источник: Stack Overflow на русском

Ответы

▲ 1Принят

Я бы сделал так:

По умолчанию цвет текста - черный.

Размер текста - 15px.

body{
    color: #000;
    font-size: 15px;
    font-family: ...;
}

Классы:

.color-gray{color:#ccc}
.color-blue(color:#00f)

.font20{font-size:20px} and .f20{font-size:20px}
.font12{font-size:12px} and .f12{font-size:12px}

Для жирного текста можно использовать тег strong.