Забыли пароль?
Запросите новый здесь.

Автор темы: Djakonda
ID темы: 175
Информация:
Тема содержит 14 сообщения, была просмотрена 6342 раз.
Просмотр темы
PHP-Fusion Russia » Поддержка 7 версии » Вопросы новичков
 Распечатать тему
Поменять шрифт на свой
Djakonda
Доброго времени суток...

Некоторое количество времени назад, мне попался шаблон для Fusion 7 на буржуйском сайте, в архиве с шаблоном была папочка _Font . В ней находилось четыре вида шрифтов для этого шаблона, все шрифты были прописаны в styles.css
То есть, при входе пользователя на сайт, ему отображаются не стандартный набор инет шрифтов "font-family: Verdana, Arial, Helvetica, sans-serif;" ,а именно те которые хочет администратор сайта.
Но к сожалению шаблон не сохранился после падения оси и ее дальнейшей переустановки, нужный прописной код брал от туда, а теперь засада bn не могу вспомнить что именно прописывать в styles.css

Уважаемые ГУРУ помогите пожалуйста.

Заранее спасибо...
 
jikaka
ты гуглом пользовался?
 
Web
Djakonda
jikaka написал:
ты гуглом пользовался?


Да и не только что то не помогло...

Google родил такую штуку

"<STYLE TYPE="text/css">
@font-face {
font-family: Ale;
font-style: normal;
font-weight: normal;
src: url(/font/D.ttf);
}
</STYLE> "

Но она работает только в html -ой странице, а как ее в styles.css прописать что бы ошибок не выдавала?
 
jikaka
так это и есть стили
в styles.css в начале файла попробуй вставить так:
Скачать исходники  Код
@font-face {
font-family: Ale;
font-style: normal;
font-weight: normal;
src: url(/font/D.ttf);
}



 
Web
Djakonda
jikaka написал:
так это и есть стили
в styles.css в начале файла попробуй вставить так:
Скачать исходники  Код
@font-face {
font-family: Ale;
font-style: normal;
font-weight: normal;
src: url(/font/D.ttf);
}




К сожалению ни чего не выходит, но я обратил внимание, что в редакторе Notepad++ ни как не подсвечивается вот эта строчка "src: url(/font/D.ttf);"
Ну например когда все правильно, как в этом случии,
"font-family: Ale;
font-style: normal;
font-weight: normal;"
то все подсвечивается синим, не знаю как у кого, но у меня так notepad++ сообщает об ошибках.

Может быть в ней все дело src: url(/font/D.ttf); ???
Изменил(а) Djakonda, 31.10.2010 20:03
 
jikaka
если честно, то лучше использовать стандартные шрифты...
а так почитай вот здесь:
http://cogear.ru/...s-473.html
http://forum.html...topic=4351
 
Web
Djakonda
jikaka написал:
если честно, то лучше использовать стандартные шрифты...
а так почитай вот здесь:
http://cogear.ru/...s-473.html
http://forum.html...topic=4351


ООо спасибо полезный сайт, если у меня получится я напишу тут подробно как сделал вдруг кому понадобится, ну или вы потом в faq скинете ab
 
jikaka
обязательно отписывайся
 
Web
Djakonda
Ураа сделал...

И так всем кто хочет изменить шрифт у себя на сайте, лично на свой, пишу как это можно сделать.

1) Открываем Google и пишем в поиске "шрифты" , он вам выдаст кучу сторонних сайтов где можно скачать любой шрифт который вам симпатичен. ( ВНИМАНИЕ ШРИФТ ДОЛЖЕН ПОДДЕРЖИВАТЬ КИРИЛЛИЦУ)

2) Шрифт который вы скачали нужно пропустить через генератор на сайте http://www.fontsquirrel.com/fontface/generator

3) Загружаем свой шрифт нажав кнопку Add fonts
после того как шрифт загрузился выбираем EXPERT..., в раскрывшейся таблице в поле Subsetting: выбираем Custom Subsetting..., а там в поле Language: выбираем Cyrillic.

Осталось поставить галочку в поле Yes, the fonts I'm uploading are legally eligible for web embedding.
И нажать на появившуюся кнопку Download Your Kit

1-alliance.ru/font/font1.png


4) Сохраняем предложенный архив и распаковываем его в заранее приготовленную папочку на рабочем столе.

5) Далее в корневом каталоге вашего сайта создаем папку "font" в ней еще одну папку с названием вашего шрифта.( в моем случаи выглядит это так "/font/Djakonda/" )
Загружаем туда архив с шрифтами ( который вы заранее распаковали в папочку на рабочем столе ) состоящий из нескольких файлов одного и того же шрифта, предназначенный для использования различными браузерами.

Форматы шрифтов
Шрифты могут быть в форматах TTF, OTF, EOT, SVG:

* Internet Explorer (все версии) — EOT;
* Firefox (начиная с 3.5) — TTF/OTF;
* Opera (начиная с 10) — TTF/OTF;
* Chrome (все версии) — SVG (TTF/OTF добавлены в конце января 2010-го);
* Safari (начиная с 3.2) — TTF/OTF.

6) Теперь открываем тему вашего Fusion'a ( в которой вы собираетесь изменить шрифты )
далее открываем редактором ( notepad++ или любым другим) фаил styles.css
и в самом верху стиля вставляем этот код:

Скачать исходники  Код
@font-face {
    font-family: 'djakonda';
    src: url('/font/Djakonda/djakonda-webfont.eot');
    src: local('O'),
    url('/font/Djakonda/djakonda-webfont.woff') format('woff'),
    url('/font/Djakonda/djakonda-webfont.ttf') format('truetype'),
    url('/font/Djakonda/djakonda-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
 }




Обратите внимание что шрифт я тоже переименовал.

7) Теперь, что бы изменить шрифт в каком-либо участке текста, мы в стилях прописываем font-family:djakonda;.

Скачать исходники  Код
Пример:
body {
   font-family: djakonda;
   font-size: 18px;
   color: #000;
   background: #fff;
   margin: 5px;
   
}




Ну вот собственно и все ;) теперь пробуем, тестируем и наслаждаемся ...
Будут вопросы пишите помогу по данной теме, но не более, помните я еще сам нуб в этих скриптах и кодах..
С уважением к Вам, ваш Djakonda ...

P.s пример изменения шрифта можете посмотреть тут http://www.1-alliance.ru
Изменил(а) Djakonda, 31.10.2010 22:51
 
jikaka
вот и славненько!
молодец!
 
Web
yury
просто если у вас не стоит этот шрифт, то он не отобразиться)
 
jikaka
yury, как раз нет...
для этого прописывается путь до шрифта...
 
Web
Djakonda
yury написал:
просто если у вас не стоит этот шрифт, то он не отобразиться)


Как раз все отображается, проверенно мной с разных компов... br
 
Alex
Djakonda, Спасибо, реально помогло,
долго мучался пока не нашел твою статью!
 
Web

Поделиться этой темой
Социальные закладки: Vkontakte Odnoklassniki Mail.ru Facebook Google Tweet This
URL:
BBcode:
HTML:

Перейти на форум:
Похожие темы
Топ 5 пользователей форума
Zaxap Zaxap (1,090)   Vova Vova (877)   Pisatel Pisatel (678)   util util (666)   SchreiBear SchreiBear (625)