Для создания текста с красивым нестандартным шрифтом, будем использовать шрифты от google. Всё очень просто и понятно.
Для начала на google выбираем интересующие нас шрифты. Нас интересуют шрифты поддерживающие кириллицу, значит в боковой панели выбираем -
Например, мы выбрали шрифт Lobster, такой же который используется в названии форума в шапке, кликаем по
Теперь нам нужно подключить эти шрифты, на выбор нам даётся три способа. Нам будет интересны первые два.
Первый способ.
Открываем шаблон
Второй способ.
В тему стиля добавляем:
Теперь создаём BBCode.
Использование BBCode:
Замена HTML:
Подсказка:
Для изменения размера шрифта непосредственно в BBCode.
Использование BBCode:
Замена HTML:
Подсказка:
Для начала на google выбираем интересующие нас шрифты. Нас интересуют шрифты поддерживающие кириллицу, значит в боковой панели выбираем -
Cyrillic
.Например, мы выбрали шрифт Lobster, такой же который используется в названии форума в шапке, кликаем по
Quick-use
.Теперь нам нужно подключить эти шрифты, на выбор нам даётся три способа. Нам будет интересны первые два.
Первый способ.
Открываем шаблон
overall_header.html
, перед закрывающим тегом </head>
ставим:
Код: Выделить всё
<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
В тему стиля добавляем:
Код: Выделить всё
@import url(http://fonts.googleapis.com/css?family=Lobster);
Использование BBCode:
Код: Выделить всё
[text]{TEXT}[/text]
Код: Выделить всё
<font size="3" style="font-family: Lobster; line-height: 1.4em;">{TEXT}</font>
Код: Выделить всё
Красивый текст
- Средний размер, используемый по умолчанию принят 3. На размер шрифта влияет не только заданный атрибут size, но и выбор гарнитуры шрифта. Так, шрифт Arial выглядит крупнее, чем шрифт Times, а шрифт Verdana чуть больше шрифта Arial. Учитывайте эту особенность при выборе шрифта и его размеров.
Для изменения размера шрифта непосредственно в BBCode.
Использование BBCode:
Код: Выделить всё
[text={NUMBER}]{TEXT}[/text]
Код: Выделить всё
<font size="{NUMBER}" style="font-family: Lobster; line-height: 1.4em;">{TEXT}</font>
Код: Выделить всё
[text=Размер шрифта]Красивый текст[/text]
Последний раз редактировалось CabinetAdmin 27 ноя 2012, 18:51, всего редактировалось 1 раз.
Причина: Изменена "Замена HTML"
Причина: Изменена "Замена HTML"
Комментарии: 46
ну у меня на форуме, нужно зарегистрироваться тогда В окне сообщения можно потестить при предпросмотре оно так отображается тожеCabinetAdmin писал(а):А посмотреть где нибудь можно?
а из за чего?CabinetAdmin писал(а):У меня закрадывается такое очучение, что это не из-за шрифта.
там установлен шрифт размером 3рхCabinetAdmin писал(а):Если то, что на главной, то у меня нормально отображается, даже при 6px.
ну у меня на форуме, нужно зарегистрироваться тогда В окне сообщения можно потестить при предпросмотре оно так отображается тожеCabinetAdmin писал(а):А посмотреть где нибудь можно?
а из за чего?CabinetAdmin писал(а):У меня закрадывается такое очучение, что это не из-за шрифта.
там установлен шрифт размером 3рх. больше не стала ставить вдруг не отобразиться, а вот в сообщении ставить больше 5 и сразу внизу не видно палочек буквCabinetAdmin писал(а):Если то, что на главной, то у меня нормально отображается, даже при 6px.
Да нет, не обязательно, я попробовал, действительно обрезает.Ангелочек писал(а):ну у меня на форуме, нужно зарегистрироваться тогда
Не понятно, вроде прописан межстрочный интервал (
line-height
) в css, но он почему-то не работает к этому тексту... Поэтому добавим его к тексту и всё должно будет работать правильно.Замени на:
Код: Выделить всё
<font size="{NUMBER}" style="font-family: Lobster; line-height: 1.4em;">{TEXT}</font>
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!
Нет, у меня так же отображается, и в опере, и в мозилле, и в хроме. У меня только IE его не отображает, почему-то...Ангелочек писал(а):в опере это шрифт выглядит совсем по другому, это у всех так?
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!
Похожие темы
-
Приветствую!
Можно как то соорудить для phpBB Тег ?
То есть сделать в виде ббкода на подобии комментария HTML тега для сообщений, чтобы в сообщениях...