Автор Тема: Подключить новый шрифт на сайт Joomla (шапка сайта)  (Прочитано 10841 раз)

0 Пользователей и 1 Гость просматривают эту тему.

Оффлайн masaniachko

  • ox-Боец
  • *
  • Сообщений: 13
  • ox-ранг: +0/-0
    • Просмотр профиля
    • E-mail
Добрый день!

Мне необходимо сделать часть шапки не картинкой, а текстом с нестандартным шрифтом (чтобы можно было копировать и вставлять).
Чтобы решить данную проблему нашла несколько вариантов: cufon и генератор @font-face.
Но к сожалению ни один мне не помог. Возможно я что-то не так делала?
Прошу помочь!!!

1) Cufon. Мои действия:
- скачала данный модуль и установила в joomla 1.5.22.
- сгенерировала шрифт в формате .ttf на .js.
- создала в админке данный модуль, но при выборе данного шрифта в примере не показывается этот шрифт (во вложении - cufon.png).
Можно ли подключить данный модуль к изменению текста в шапке? Возможно, что-то не правильно сделала?

2) @font-face. Мои действия:
- делала как указано в ссылках http://zooom.com.ua/stati/joomla/698-kak-izmenit-shrift-na-sajte-c-joomla.html и http://www.tonchik.net/2011/05/generator-font-face/.
- создала новый модуль с привязкой нужной позиции.
- связала с сайтом:
1. в index.php
.Europe {
         font-weight: normal;
         font-style: normal;
         line-height:normal;
         font-family: 'Europe ExtNormal', sans-serif;
         font-size-adjust: 0.6;
      }

2. в template.css
div.lang {
font-family: Europe ExtNormal, Arial, Verdana, sans-serif;
width: 327px;
height: 120px;
float: right;
        margin-top: -83px;
}

@font-face {
  font-family: 'Europe ExtNormal';
  src: url('/images/fonts/europe_extnormal.eot');
  src: url('/images/fonts/europe_extnormal.eot?#iefix') format('embedded-opentype'),
  url('/images/fonts/europe_extnormal.woff') format('woff'),
  url('/images/fonts/europe_extnormal.ttf') format('truetype'),
  url('/images/fonts/europe_extnormal.svg#Europe ExtNormal') format('svg');
  font-weight: normal;
  font-style: normal;
}

3. в модуле
<div class="Europe"> ... </div>

Очень прошу помочь в решении данной проблемы!!!

P.S. Во вложении есть conacts-new.png (что надо сделать, что получилось). Сайт - security-turnstiles.net.

Оффлайн side.spb

  • Just not my side.
  • ox-Адепт
  • ox-Знаток
  • *****
  • Сообщений: 62
  • ox-ранг: +4/-1
  • Дисклеймер: я не веб-разработчик. Совсем.
    • ICQ клиент - 238998123
    • Просмотр профиля
    • Сайт гильдии "Астральные ангелы"
<div class="Europe">на
<div class="lang">...
...
Ну, наверное. Не знаю :o

Оффлайн Gitaros

  • Это я почему раньше злой был? Потому, что у меня ноутбука не было.
  • ox-Адепт
  • ox-Мудрец
  • *****
  • Сообщений: 1469
  • ox-ранг: +64/-54
  • Может я и злой зато справедливый.
    • Просмотр профиля
Может Macromedia Dreamweaver 8, или какой там сейчас, поможет все понять и разобраться.???


     





Стихи, смс, поздравления.
Как же мне здесь нравиться "oxnull.net - хостинг для людей".

Оффлайн side.spb

  • Just not my side.
  • ox-Адепт
  • ox-Знаток
  • *****
  • Сообщений: 62
  • ox-ранг: +4/-1
  • Дисклеймер: я не веб-разработчик. Совсем.
    • ICQ клиент - 238998123
    • Просмотр профиля
    • Сайт гильдии "Астральные ангелы"
Только сырой код, только хардкор :-\

Оффлайн Андрей

  • ox-Админ
  • ox-Мудрец
  • *****
  • Сообщений: 1706
  • ox-ранг: +172/-25
    • Просмотр профиля
Вот здесь про шрифты есть.
Скромная бутылка водки не только скроет кулинарные промахи хозяйки, но и украсит стол



Оффлайн masaniachko

  • ox-Боец
  • *
  • Сообщений: 13
  • ox-ранг: +0/-0
    • Просмотр профиля
    • E-mail
<div class="Europe">на
<div class="lang">...
...
Ну, наверное. Не знаю :o

Спасибо. Именно этот совет и помог!

Оффлайн ecrir

  • ox-Боец
  • *
  • Сообщений: 2
  • ox-ранг: +0/-0
    • Просмотр профиля
Если еще нужен совет по поводу Куфона, то вот, так сказать, общий подход:
1)   В header подключить файл cufon-yui.js:
<script src="js/cufon-yui.js" type="text/javascript">Скачать его можно тут:
http://cufon.shoqolate.com/js/cufon-yui.js?v=1.09i

2)   После него подключить Ваш шрифт (когда его генерируете, убедитесь, что выбрали галочку напротив поддержки Кириллицы)
<script src="js/my-font.js" type="text/javascript">
3)   И наконец, указываете, какие элементы должны обрабатываться Куфоном.
<script type="text/javascript">
Cufon.replace('h1');
</script>

Можно еще побаловаться со всякими там тенями и градиентами:
Cufon.replace("h1", {
fontSize:'14px',
color: '-linear-gradient(#000, #fff)',
textShadow:'1px 1px #ddd
});



Оффлайн masaniachko

  • ox-Боец
  • *
  • Сообщений: 13
  • ox-ранг: +0/-0
    • Просмотр профиля
    • E-mail
Если еще нужен совет по поводу Куфона, то вот, так сказать, общий подход:
1)   В header подключить файл cufon-yui.js:
<script src="js/cufon-yui.js" type="text/javascript">Скачать его можно тут:
http://cufon.shoqolate.com/js/cufon-yui.js?v=1.09i

2)   После него подключить Ваш шрифт (когда его генерируете, убедитесь, что выбрали галочку напротив поддержки Кириллицы)
<script src="js/my-font.js" type="text/javascript">
3)   И наконец, указываете, какие элементы должны обрабатываться Куфоном.
<script type="text/javascript">
Cufon.replace('h1');
</script>

Можно еще побаловаться со всякими там тенями и градиентами:
Cufon.replace("h1", {
fontSize:'14px',
color: '-linear-gradient(#000, #fff)',
textShadow:'1px 1px #ddd
});


Попробываем, только на другом сайте! Спасибо.