Эксклюзивный шрифт привязка на сайт - Форум о сайтостроении


  • Страница 1 из 1
  • 1
Форум о сайтостроении » Форум аниме клона » Форум аниме сайтостроения в системе ucoz » Эксклюзивный шрифт привязка на сайт
Эксклюзивный шрифт привязка на сайт
Alexiya Дата: Четверг, 02.04.2015, 11:03 | Сообщение # 1
Группа: Администраторы
Сообщений: 179
Репутация: 11
Статус: Offline
Когда вы делаете дизайн сайта сами, то иногда возникает потребность сделать красивый и эксклюзивный шрифт для надписей или заголовков текста.
Однако как привязать нестандартный шрифт к сайту, чтобы он нормально отображался в большинстве браузеров!?
Вот мы посмотрим в данной теме на примере привязку нестандартного шрифта текста font.
Дело в том, что в данный момент я разрабатываю новый дизайн (адаптивный) для сайта аниме вампиры, ссылочку сразу скину и скин сделаю, а то уже через неделю от старого дизайна и следа наверно не останется surprised
1 скрин - верхняя часть

2 скрин- нижняя часть


Теперь мы переходим к рассмотрению font шрифта и его привязки.
Так как стиль для букв нам нужен готический, то мы возьмём стиль от легендарной игры о вампирах и называться он будет VTMB_MainFont3.
Теперь мы создадим страничку с примером неординарного шрифта

А теперь разбираем весь код:
1. В начале нужно подгрузить шрифт и мы используем следующий вариант

Код
<style>
@font-face{font-family: VTMB_MainFont3; src: url(http://anime-clone.my1.ru/VTMB_MainFont3.ttf);}
</style>


2. Теперь мы должны обозначить место где мы будем его использовать, в нашем случае у div слоя

Код
<div style="float:left;margin:0;padding:5px 5px 5px 5px;font-family:VTMB_MainFont3, sans-serif;font-size:20pt;">
Вот такой короче шрифт Получился + обрамление наше!
</div>

Обозначение использования шрифта font-family:VTMB_MainFont3, sans-serif;
Размер шрифта font-size:20pt;
Положение див слоя, в котором находится наш шрифт float:left;margin:0;padding:5px 5px 5px 5px;
Вот и все дела! Пара кликов и индивидуальный шрифт готов! happy


аниме топ сайтов + статья о вашем сайте
Оставь на форуме 50 сообщений и получи анкорную ссылку в подписи!
 
Форум о сайтостроении » Форум аниме клона » Форум аниме сайтостроения в системе ucoz » Эксклюзивный шрифт привязка на сайт
  • Страница 1 из 1
  • 1
Поиск:



Copyright Аниме Клон © 2018

Привет!
Меню пользователя
Четверг, 18.10.2018, 19:38

Приветствую Вас Гость

Главная | Регистрация | Вход | RSS