Для создания текста с красивым нестандартным шрифтом, будем использовать шрифты от google. Всё очень просто и понятно.

Для начала на 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.

Использование BBCode:

Код: Выделить всё

[text]{TEXT}[/text]
Замена HTML:

Код: Выделить всё

<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]
Замена HTML:

Код: Выделить всё

<font size="{NUMBER}" style="font-family: Lobster; line-height: 1.4em;">{TEXT}</font>
Подсказка:

Код: Выделить всё

[text=Размер шрифта]Красивый текст[/text]
Последний раз редактировалось CabinetAdmin 27 ноя 2012, 18:51, всего редактировалось 1 раз.
Причина: Изменена "Замена HTML"
Комментарии: 46

Ангелочек 25 ноя 2012, 19:41 Сообщение

У меня чего то не отображается, и один и второй способ пробовала ни фига не изменилось :(
  • 0
... Я Ангел только крылья в стирке и нимб на подзарядке ....
http://forymo4ek.ru/

CabinetAdmin 25 ноя 2012, 20:12 Сообщение

Ангелочек
Ну, я не знаю, я перед тем как написал опробовал. Что-то ты делаешь не так.
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

Ангелочек 26 ноя 2012, 21:31 Сообщение

CabinetAdmin, еще раз удалила и сделала заново и все получилось, ура :Yahoo!: Спасибочки, огромные за такую клевый ввкод :Rose:
  • 0
... Я Ангел только крылья в стирке и нимб на подзарядке ....
http://forymo4ek.ru/

Ангелочек 26 ноя 2012, 21:46 Сообщение

когда текст маленького размера тогда все, ок, а когда ставлю хотя бы 5 то нижние палочки и т.д. букв не видны, воть пример:
Изображение
может другой шрифт просто выбрать? :sorry:
  • 0
... Я Ангел только крылья в стирке и нимб на подзарядке ....
http://forymo4ek.ru/

CabinetAdmin 27 ноя 2012, 14:04 Сообщение

А посмотреть где нибудь можно? У меня закрадывается такое очучение, что это не из-за шрифта.

Если то, что на главной, то у меня нормально отображается, даже при 6px.
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

Ангелочек 27 ноя 2012, 16:25 Сообщение

CabinetAdmin писал(а):А посмотреть где нибудь можно?
ну у меня на форуме, нужно зарегистрироваться тогда :pardon: В окне сообщения можно потестить при предпросмотре оно так отображается тоже
CabinetAdmin писал(а):У меня закрадывается такое очучение, что это не из-за шрифта.
а из за чего?
CabinetAdmin писал(а):Если то, что на главной, то у меня нормально отображается, даже при 6px.
:sorry: там установлен шрифт размером 3рх
  • 0
... Я Ангел только крылья в стирке и нимб на подзарядке ....
http://forymo4ek.ru/

Ангелочек 27 ноя 2012, 16:26 Сообщение

CabinetAdmin писал(а):А посмотреть где нибудь можно?
ну у меня на форуме, нужно зарегистрироваться тогда :pardon: В окне сообщения можно потестить при предпросмотре оно так отображается тоже
CabinetAdmin писал(а):У меня закрадывается такое очучение, что это не из-за шрифта.
а из за чего?
CabinetAdmin писал(а):Если то, что на главной, то у меня нормально отображается, даже при 6px.
:sorry: там установлен шрифт размером 3рх. больше не стала ставить вдруг не отобразиться, а вот в сообщении ставить больше 5 и сразу внизу не видно палочек букв
  • 0
... Я Ангел только крылья в стирке и нимб на подзарядке ....
http://forymo4ek.ru/

CabinetAdmin 27 ноя 2012, 18:48 Сообщение

Ангелочек писал(а):ну у меня на форуме, нужно зарегистрироваться тогда
Да нет, не обязательно, я попробовал, действительно обрезает.
Не понятно, вроде прописан межстрочный интервал (line-height) в css, но он почему-то не работает к этому тексту... Поэтому добавим его к тексту и всё должно будет работать правильно.
Замени на:

Код: Выделить всё

<font size="{NUMBER}" style="font-family: Lobster; line-height: 1.4em;">{TEXT}</font>
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

Ангелочек 27 ноя 2012, 19:13 Сообщение

Исправила теперь не обрезаетИзображение, спасибочки Изображение

А еще хотела спросить: в опере это шрифт выглядит совсем по другому, это у всех так?
  • 0
... Я Ангел только крылья в стирке и нимб на подзарядке ....
http://forymo4ek.ru/

CabinetAdmin 27 ноя 2012, 19:23 Сообщение

Ангелочек писал(а):в опере это шрифт выглядит совсем по другому, это у всех так?
Нет, у меня так же отображается, и в опере, и в мозилле, и в хроме. У меня только IE его не отображает, почему-то...
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

Ангелочек 27 ноя 2012, 19:43 Сообщение

Понятненько спасибки за ответ
  • 0
... Я Ангел только крылья в стирке и нимб на подзарядке ....
http://forymo4ek.ru/

silver073000Василий 22 июн 2013, 15:40 Сообщение

Это пример для одного вида шрифта, я так понял? А можно ли объединить два и более вида, например, lobster и Comic Sans MS?
  • 0

CabinetAdmin 22 июн 2013, 16:34 Сообщение

Типа такого?
Изображение
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

silver073000Василий 22 июн 2013, 19:01 Сообщение

Можно и так :) Где-то видел описание, как установить такой выбор шрифтов, но вроде бы там говорилось, что эти шрифты должны быть установлены в операционной системе. Или тут тоже можно подключать шрифты от google? :)
  • 0

Похожие темы