Для отображения шрифтов на FastBB используются стили: .font1{} основной шрифт сообщений
.font2{} мелкий шрифт, ссылки навигации по форуму
.font3{} шрифт заголовков тем в таблице форума или ответов в гостевых книгах. Он же шрифт ников (дополнительно ники заключены между тегами <b>) и заголовок статистики
.font4{} шрифт текстовых кнопок при выборе в профиле замены графических кнопок на текстовые
.font5{} шрифт заголовка в шапках
.font6{} шрифт разделительной полосы между разделами на главной форума
Следующие стили являются уточнениями к предыдущим:
tr.font3 {} - вид заголовока статистики
tr.font5 {} - вид заголовока главной таблицы форума
tr.font6 {} - вид разделительной полосы между разделами на главной форума
Какие свойства могут быть у шрифтов? font-family - задает используемый шрифт.
ПРИМЕР:
font-family:Arial;
font-size - задает размер шрифта
Может задаваться в любых единицах:
px - пикселы
in - дюймы
cm - сантиметры
mm - миллиметры
pt - точки (1pt = 1/72in)
Кроме того, существуют константы:
xx-small, x-small, small, medium, large, x-large, xx-large - эти размеры могут отличаться в разных браузерах.
ПИРИМЕР:
font-size:9px;
font-size:small;
color - задает цвет текста
Можно задавать цвета по названию, например - blue, red, green, yellou, grey и т.д.
Можно задавать их номером, например #0000FF, #FF0000, #00FF00, #FFFF00, #808080 и т.д. (приведены те же цвета, что и выше)
Если вы не помните названий и не разбираетесь в шестнадцатеричных номерах, можно использовать функцию
rgb(красный, зеленый, синий) - где красный, зеленый и синий - количество этих цветов в смеси - от 0 до 255.
ПРИМЕР:
color: red;
color: #FF0000;
color: rgb(255,0,0);
font-style - задает обычное, наклоное или курсивное начертание
Возможные значения:
normal - без изменений
italic - курсив
oblique - наклонный - это не тоже самое, что курсив, курсив - имитирует рукописное начертание, а наклонный - только наклоняет стандартные символы.
font-weight - задает толщину шрифта
Возможные значения:
normal - без изменений
bold - жирный
bolder - очень жирный
lighter - тонкий
любое значение из: 100, 200, 300, 400, 500, 600, 700, 800, 900.
Браузер не всегда может корректно отобразить тошщину шрифта. Это зависит от размера.
ПРИМЕР:
font-weight:bold;
text-decoration - задает мигание, подчеркивание, надчеркивание или перечеркивание текста
Возможные значения:
blink - мигающий
line-through - зачеркнутый
overline - надчеркнутый
underline - подчеркнутый
none - нет эффекта
ПРИМЕР:
text-decoration:underline;
font-variant - задает стиль начертания строчных букв: обычный или как уменьшенные заглавные.
Возможные значения:
normal - без изменений
small-caps - сточные буквы выглядят как заглавные, но меньше размером.
ПРИМЕР:
font-variant:small-caps;
Как описывать стиль с помощью его свойств? Очень просто. Свойства перечисляются через точку с запятой внутри фигурных скобок нужного нам шрифта.
Например, я решил сделать основной шрифт сообщений Arial, 12 пиксель в высоту. Я смотрю выше и вижу, что этот шрифт обозначается .font1. Пишу:
.font1{font-family:Arial;font-size:12px;}
Пишите аккуратно! Не забывайте точку в начале - лишних знаков здесь нет. Не пропускайте двоеточия и точки с запятой!
Другой пример: я решил настроить шрифт заголовков тем подчеркнутым, Arial и 12 px в высоту.
Посмотрел, какие шрифты за это отвечают, пишу:
.font3{font-family:Arial;font-size:12px;text-decoration:underline;}
В стилях
tr.font3 {} - заголовок статистики
tr.font5 {} - заголовок главной таблицы форума
tr.font6 {} - шрифт разделительной полосы между разделами на главной форума
нужно также указывать высоту строки, например:
tr.font3 {height:28px;}
tr.font5 {height:28px;}
tr.font6 {height:28px;}
Высота - height - может задаваться в любых единицах, так же как и размер шрифта.
Рекомендую статью
CSS - очень полезна начинающим.
Статьи из htmlbook:
font-family font-size color font-style font-weight text-decoration font-variant