Автор - Адель Камински
При перепечатке полностью или частично кликабельная ссылка на https://photoshop.bestbb.ru обязательна.
Это небольшой урок о том, как проще всего добавить новый шрифт в оформление вашего дизайна.
Изначально при оформлении дизайна на сервисе mybb вы можете использовать такие шрифты:
Arial
Arial Black
Arial Narrow
Book Antiqua
Century Gothic
Comic Sans Ms
Courier New
Fixedsys
Franklin Gothic Medium
Garamond
Georgia
Impact
Lucida Console
Microsoft Sans Serif
Palatino Linotype
System
Tahoma
Times New Roman
Trebuchet Ms
Verdana
Эти шрифты достаточно просты и однотипны, поэтому нередко дизайнеры утяжеляют свои стили png-картинками для различных надписей "с завитушками", хотя можно сделать все гораздо проще, добавив новый шрифт на форум.
Я расскажу сейчас о самом простом способе с использованием замечательного сервиса от Google. Возможно, позже объясню, как можно добавить шрифт и без него, но на первый раз хватит и этой информации 
Посмотрите на страничку примера. Там написан один и тот же текст, но вот если первый шрифт стандартный, то второй я добавила на форум самостоятельно.
Для начала я зашла на Google Web Fonts.
Перед нами окно выбора шрифта. Сбоку есть фильтры, которые отсортируют вам шрифты по толщине, наклону или ширине, а также покажут шрифты с поддержкой только латиницы или кириллицы.
Если вы выбрали какой-то шрифт или даже несколько, не забудьте нажать на кнопочку "Add to collection"
После того, как вы закончили выбирать, вы можете посмотреть более детально на сам шрифт и как он будет выглядеть на вашем ресурсе, нажав кнопку "Review". Если вас все устроило, то можно вставлять шрифт на ресурс - жмем кнопку "Use".
На загрузившейся страничке нас проинформируют, сколько секунд будет грузиться страничка с использованием нового шрифта, а чуть ниже вы увидите код для вставки. Копируем его и вставляем в html-верх вашего форума.
Все! Теперь вы можете оформлять текст на форуме нестандартным шрифтом, используя его название.
Например, непосредственно при оформлении надписи:
<a href="http://htmlbook.ru" style="font-family:'Lobster'; font-size:21px;"> попасть на htmlbook.ru</a>
Или используя в необходимом селекторе:
body{ font-family: 'Lobster', serif;
}
Или используя теги в форме ответа
[font=Lobster]Или используя теги в форме ответа[/font]