Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   Вставка Шрифта на сайт! (Срочно) (https://javascript.ru/forum/xhtml-html-css/28625-vstavka-shrifta-na-sajjt-srochno.html)

stixia007 27.05.2012 12:53

Вставка Шрифта на сайт! (Срочно)
 
Добрые Люди, Знатоки шрифтов! Прошу у вас помощи, Сам чайник Перерыл весь Гугл и не работает не ха =(((

Нужно установить Шрифт.TTF (700 КБ) на сайте
Кмс: Dle
Хостинг: МожорДома

Подскажите по пунктам что куда вставлять... =) Слышал как то чрез @font-face... Ну так и не допёрло.
Ещё слышал как то можно файл сжать... Оч Надо !!!

Если заработает кину 100 вмр На чёт=)

devote 27.05.2012 13:10

Для разных браузеров нужно разный тип шрифтов делать
@font-face {
	font-family: 'Round Script'; 
	src: url('font/roundscript.eot'); /* для ИЕ */
	src: local('Round Script'),
		url('font/roundscript.woff') format('woff'),
		url('font/roundscript.ttf') format('truetype'),
		url('font/roundscript.svg#RoundScript-Regular') format('svg');
}

div {
    font: 30px "Round Script";
}

melky 27.05.2012 13:19

http://www.fontsquirrel.com/

самое лучшее автоматизированное (копировать-вставить), что я видел.

stixia007 27.05.2012 13:22

Цитата:

Сообщение от devote (Сообщение 176826)
Для разных браузеров нужно разный тип шрифтов делать
@font-face {
	font-family: 'Round Script'; 
	src: url('font/roundscript.eot'); /* для ИЕ */
	src: local('Round Script'),
		url('font/roundscript.woff') format('woff'),
		url('font/roundscript.ttf') format('truetype'),
		url('font/roundscript.svg#RoundScript-Regular') format('svg');
}

div {
    font: 30px "Round Script";
}

Я благодарен за ответ, но Я же чайник =)
Как я понял этот код добавить в Style.css (в шаблоне) Но у меня там уже есть Код: @font-face. И куда тогда Ваш код вписать После или до или отредактировать свой @font-face?
+ Куда заливать файлы (И вообще какие нужны файлы не считая Шрифтов для разных браузеров)
+ Нужно же Редактировать файл Index или нет ?
+ Компрессор если какой ?
Извиняюсь за свою Тупые вопросы... Ну можно более детально. От и До (в подробностях) Буду при весьма Благодарен вам !!! Это же делов на 5 \10 минут расписать От куда что куда и тд.

melky 27.05.2012 13:51

Цитата:

Сообщение от stixia007 (Сообщение 176828)
После или до или отредактировать свой @font-face?

без разницы. только font-family везде поменяйте на новый.
Цитата:

Сообщение от stixia007 (Сообщение 176828)
+ Куда заливать файлы (И вообще какие нужны файлы не считая Шрифтов для разных браузеров)

куда вам удобнее. разницы нет.. но лучше в папку, где находится style.css шаблона.
Цитата:

Сообщение от stixia007 (Сообщение 176828)
+ Нужно же Редактировать файл Index или нет ?

нет. только файл style.css
Цитата:

Сообщение от stixia007 (Сообщение 176828)
+ Компрессор если какой ?

сожмет все, как раньше

stixia007 27.05.2012 14:23

Так всё сделал как написано. Воспользовался Online компрессором (или что то подобное=)) Создались 4 файла:
-square_chalk-webfont.eot
-square_chalk-webfont.svg
-square_chalk-webfont.ttf
-square_chalk-webfont.woff
Ещё есть файл stylesheet.css (создался вместе с выше файлами) куда сувать его хз.

Засунул их туда же где файл Style.css.

А что дальше делать ? Как писать своим стилем на сайте ? Глупый вопрос конечно =)

devote 27.05.2012 14:32

Цитата:

Сообщение от stixia007
А что дальше делать ? Как писать своим стилем на сайте ? Глупый вопрос конечно =)

Ну дык и засуньте в свой Style.css те строки что написаны в файле stylesheet.css

Deff 27.05.2012 14:35

stixia007,
Вот типо => http://forum.mybb.ru/viewtopic.php?id=29775

devote 27.05.2012 14:37

Deff,
да он уже сгенерил себе все что нужно.. ему уже не это надо.. ему просто нужно скопировать все то что в файле stylesheet.css в свой файл стилей

stixia007 27.05.2012 14:50

Так заменил ваш код на тот который был в файле stylesheet.css

Вот только в этом коде:
font-family: 'SquareChalkRegular'; - Заменят его на Round Script?

Цитата:

Сообщение от melky (Сообщение 176836)
без разницы. только font-family везде поменяйте на новый.

куда вам удобнее. разницы нет.. но лучше в папку, где находится style.css шаблона.

Да и как писать та своим шрифтом ? Какой код\Тег использовать? Или он появится во вкладке с стандартыми шрифтами?

stixia007 27.05.2012 15:02

Короче борода.
Ввёл:
[font=Square ChalkRegular]Zion Siger[/font]

Zion Siger - ввёл.

Итог Шрифт поменялся, но он вообще не похож на тот который я хотел вообще неба и земля... Что делать хз

stixia007 27.05.2012 15:19

Короче!!!
Вот мой Style:

---------------------Новый.
@font-face {
font-family: 'SquareChalkRegular';
src: url('square_chalk-webfont.eot');
src: url('square_chalk-webfont.eot?#iefix') format('embedded-opentype'),
url('square_chalk-webfont.woff') format('woff'),
url('square_chalk-webfont.ttf') format('truetype'),
url('square_chalk-webfont.svg#SquareChalkRegular') format('svg');
font-weight: normal;
font-style: normal;

-------------------Был ранее, нечего не правил в нём.
@font-face {
font-family: 'PFBulletinSansProMedium';
src: url('../fonts/pfbulletinsanspro-medium-webfont.eot');
src: url('../fonts/pfbulletinsanspro-medium-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/pfbulletinsanspro-medium-webfont.woff') format('woff'),
url('../fonts/pfbulletinsanspro-medium-webfont.ttf') format('truetype'),
url('../fonts/pfbulletinsanspro-medium-webfont.svg#PFBulletinSansProMedium') format('svg');
font-weight: normal;
font-style: normal;
}

+ Залил 4 файла на сервер, рядом с Style.css

Сделал всё как написано. Как теперь писать своим СТИЛЕМ? Подскажите, а то руки не доходят!!!=)

Deff 27.05.2012 15:34

Цитата:

Сообщение от stixia007 (Сообщение 176851)
Да и как писать та своим шрифтом ? Какой код\Тег использовать? Или он появится во вкладке с стандартыми шрифтами?

Цитата:

<style>
#Ваш селектор{
font-family: 'Имя Вашего нового шрифта';
}
<style>
Если везде, то
Цитата:

<style>
#Body{
font-family: 'Имя Вашего нового шрифта';
}
<style>

stixia007 27.05.2012 15:44

Цитата:

Сообщение от Deff (Сообщение 176870)
<style>
#Ваш селектор{
font-family: 'Имя Вашего нового шрифта';
}
<style>

Если везде, то
<style>
#Body{
font-family: 'Имя Вашего нового шрифта';
}
<style>

Пробовал вписывать в новости <style> исчезают и нехрена не робит=(

Как я понял нужно опять отредактировать свой Style.css ?

stixia007 27.05.2012 15:54

Короче моего просвещения не хватает чтоб вас понять...
Вот что я сделал, скажите это правильно или нет?

Цитата:

Сообщение от stixia007 (Сообщение 176868)
Короче!!!
Вот мой Style:

---------------------Новый.
@font-face {
font-family: 'SquareChalkRegular';
src: url('square_chalk-webfont.eot');
src: url('square_chalk-webfont.eot?#iefix') format('embedded-opentype'),
url('square_chalk-webfont.woff') format('woff'),
url('square_chalk-webfont.ttf') format('truetype'),
url('square_chalk-webfont.svg#SquareChalkRegular') format('svg');
font-weight: normal;
font-style: normal;

-------------------Был ранее, нечего не правил в нём.
@font-face {
font-family: 'PFBulletinSansProMedium';
src: url('../fonts/pfbulletinsanspro-medium-webfont.eot');
src: url('../fonts/pfbulletinsanspro-medium-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/pfbulletinsanspro-medium-webfont.woff') format('woff'),
url('../fonts/pfbulletinsanspro-medium-webfont.ttf') format('truetype'),
url('../fonts/pfbulletinsanspro-medium-webfont.svg#PFBulletinSansProMedium') format('svg');
font-weight: normal;
font-style: normal;
}

+ Залил 4 файла на сервер, рядом с Style.css

Если правильно что дальше делать? покажите пример кода \ тега чтоб вписать его в новость нажать сохранить и на странице Всё чётко было=)

Deff 27.05.2012 17:32

stixia007,
Повторю один раз - всё с тегами <style> - ставицо в исходный код страницы - желательно в хидер
Тот же код(из тегов) можно воткнуть и в файл стиля - но теги отбрасываем

Теги стиля в файле css - убивают стиль

Если стиль ставим на страницу - то наоборот - он должен быть в тегах
<style> .... </style>

stixia007 27.05.2012 17:49

Цитата:

Сообщение от Deff (Сообщение 176895)
stixia007,
Повторю один раз - всё с тегами <style> - ставицо в исходный код страницы - желательно в хидер
Тот же код(из тегов) можно воткнуть и в файл стиля - но теги отбрасываем

Теги стиля в файле css - убивают стиль

Если стиль ставим на страницу - то наоборот - он должен быть в тегах
<style> .... </style>

Исходный код ? Это типа файл main?=) Ваще не понимаю...
Как же это сложно и буторно, как в детском садике в яму ссал и всё мешал! Тоже и в голове=)

Я смешон=) Я нехрена просто не понимаю! А нужно установить этот долбанный стиль, терпенья уже нету.
Мб вы всё сделаете сами ? я 200вмр вам на счёт кину.

beard 02.06.2012 00:19

Не читал полностью, аааааа 100 рублей :D

Цитата:

Сообщение от stixia007
Мб вы всё сделаете сами ? я 200вмр вам на счёт кину.


Предлагаю услуги фронтэнд разработчика 80-ого левела, сделать очень сложную как можно было заметить задачу.

10$, предоплата 100%.
Даете ftp логин/пароль от сайта, можно на отдельную папку.

Да благословит нас господь!

kvmutl 06.06.2012 06:05

чем гугл фонт не устраивает?


Часовой пояс GMT +3, время: 19:46.