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 шаблона.

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


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