Просмотр темы
Поменять шрифт на свой
|
|
Djakonda |
Опубликовано 31.10.2010 19:09
|
![]() Начинающий ![]() Сообщений: 41 Зарегистрирован: 31.10.2010 18:44 |
Доброго времени суток... Некоторое количество времени назад, мне попался шаблон для Fusion 7 на буржуйском сайте, в архиве с шаблоном была папочка _Font . В ней находилось четыре вида шрифтов для этого шаблона, все шрифты были прописаны в styles.css То есть, при входе пользователя на сайт, ему отображаются не стандартный набор инет шрифтов "font-family: Verdana, Arial, Helvetica, sans-serif;" ,а именно те которые хочет администратор сайта. Но к сожалению шаблон не сохранился после падения оси и ее дальнейшей переустановки, нужный прописной код брал от туда, а теперь засада ![]() Уважаемые ГУРУ помогите пожалуйста. Заранее спасибо... |
|
|
jikaka |
Опубликовано 31.10.2010 19:18
|
![]() Супер Администратор ![]() Разработчики ![]() Сообщений: 4849 Зарегистрирован: 26.07.2010 12:10 |
ты гуглом пользовался?
|
|
|
Djakonda |
Опубликовано 31.10.2010 19:33
|
![]() Начинающий ![]() Сообщений: 41 Зарегистрирован: 31.10.2010 18:44 |
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 |
Опубликовано 31.10.2010 19:38
|
![]() Супер Администратор ![]() Разработчики ![]() Сообщений: 4849 Зарегистрирован: 26.07.2010 12:10 |
так это и есть стили в styles.css в начале файла попробуй вставить так: |
|
|
Djakonda |
Опубликовано 31.10.2010 20:01
|
![]() Начинающий ![]() Сообщений: 41 Зарегистрирован: 31.10.2010 18:44 |
jikaka написал: так это и есть стили в styles.css в начале файла попробуй вставить так: К сожалению ни чего не выходит, но я обратил внимание, что в редакторе 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 |
Опубликовано 31.10.2010 20:10
|
![]() Супер Администратор ![]() Разработчики ![]() Сообщений: 4849 Зарегистрирован: 26.07.2010 12:10 |
если честно, то лучше использовать стандартные шрифты... а так почитай вот здесь: |
|
|
Djakonda |
Опубликовано 31.10.2010 20:14
|
![]() Начинающий ![]() Сообщений: 41 Зарегистрирован: 31.10.2010 18:44 |
jikaka написал: если честно, то лучше использовать стандартные шрифты... а так почитай вот здесь: ООо спасибо полезный сайт, если у меня получится я напишу тут подробно как сделал вдруг кому понадобится, ну или вы потом в faq скинете ![]() |
|
|
jikaka |
Опубликовано 31.10.2010 20:21
|
![]() Супер Администратор ![]() Разработчики ![]() Сообщений: 4849 Зарегистрирован: 26.07.2010 12:10 |
обязательно отписывайся
|
|
|
Djakonda |
Опубликовано 31.10.2010 21:38
|
![]() Начинающий ![]() Сообщений: 41 Зарегистрирован: 31.10.2010 18:44 |
Ураа сделал... И так всем кто хочет изменить шрифт у себя на сайте, лично на свой, пишу как это можно сделать. 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 ![]() 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 { Обратите внимание что шрифт я тоже переименовал. 7) Теперь, что бы изменить шрифт в каком-либо участке текста, мы в стилях прописываем font-family:djakonda;. Пример: Ну вот собственно и все ;) теперь пробуем, тестируем и наслаждаемся ... Будут вопросы пишите помогу по данной теме, но не более, помните я еще сам нуб в этих скриптах и кодах.. С уважением к Вам, ваш Djakonda ... P.s пример изменения шрифта можете посмотреть тут http://www.1-alliance.ru Изменил(а) Djakonda, 31.10.2010 22:51 |
|
|
jikaka |
Опубликовано 01.11.2010 09:09
|
![]() Супер Администратор ![]() Разработчики ![]() Сообщений: 4849 Зарегистрирован: 26.07.2010 12:10 |
вот и славненько! молодец! |
|
|
yury |
Опубликовано 01.11.2010 16:36
|
![]() Супер Администратор ![]() Сообщений: 1051 Зарегистрирован: 26.07.2010 13:12 |
просто если у вас не стоит этот шрифт, то он не отобразиться) |
|
|
jikaka |
Опубликовано 01.11.2010 16:54
|
![]() Супер Администратор ![]() Разработчики ![]() Сообщений: 4849 Зарегистрирован: 26.07.2010 12:10 |
yury, как раз нет... для этого прописывается путь до шрифта... |
|
|
Djakonda |
Опубликовано 02.11.2010 16:00
|
![]() Начинающий ![]() Сообщений: 41 Зарегистрирован: 31.10.2010 18:44 |
yury написал: просто если у вас не стоит этот шрифт, то он не отобразиться) Как раз все отображается, проверенно мной с разных компов... ![]() |
|
|
Alex |
Опубликовано 11.04.2020 19:40
|
![]() Администратор ![]() Группа тестеров ![]() Персонал сайта ![]() Сообщений: 1270 Зарегистрирован: 07.11.2010 13:05 |
Djakonda, Спасибо, реально помогло, долго мучался пока не нашел твою статью! |
|
Поделиться этой темой | |
Социальные закладки: |
![]() ![]() ![]() ![]() ![]() ![]() |
URL: | |
BBcode: | |
HTML: |
Перейти на форум: |