Как подключить шрифт шрифты на сайт???

Question

[Umid]

Нужна помощь , не могу подключить другие шрифты на сайт!

Прочитал много статей, в том числе и с тостера, но не получается никак (Может потому что очень хочу спать)!

Я скачал шрифты, в архиве лежали следующие файлы:
alexander.css
alexander.eot
alexander.ttf
alexander.woff
Положил их в папку fonts
И теперь задаюсь вопросом, как мне их подключить? и нужно ли подключать вообще все файлы???

И нужно ли их устанавливать на комп? Может из за этого ничего не получается, т.к. я не устанавливал их на комп!

Заранее спасибо!

Comments

[Дмитрий]

возможно видео на этой странице вам помогут webfont.ru/tools

Answer 1

[Defman21]

https://developer.mozilla.org/en/docs/Web/CSS/@fon...

Comments

[Umid]

А шрифты на комп надо устанавливать? или и так сойдёт?

[Defman21]

Umid: не нужно ничего никуда устанавливать. Прочитайте, наконец, статью, которую я Вам дал.

Answer 2

[Александр]

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

Comments

[Umid]

А шрифты на комп надо устанавливать? или и так сойдёт?

[Александр]

Нет не нужно, сойдет так:)

[Александр]

Можно подключать через гугл апи, самый простой вариант:)

Answer 3

[sergey]

@font-face {
    font-family: "Alexander";
    src: url("../fonts/Alexander/Alexander.eot");
    src: url("../fonts/Alexander/Alexander.eot?#iefix")format("embedded-opentype"),
    url("../fonts/Alexander/Alexander.woff") format("woff"),
    url("../fonts/Alexander/Alexander.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

Comments

[Umid]

А шрифты на комп надо устанавливать? или и так сойдёт?

[sergey]

скачать конечно надо, поместить в папку, и прописать пути в коде, я же указал стандартные пути, ну а Вы пишите свои

Answer 4

[WebDiez]

Создаем css с кодом

@font-face {
	font-family: 'alexander';
	src: url("fonts/alexander.ttf");

подключаешь к странице, а потом текст настраиваешь этим шрифтом

<h2>текст</h2>

и CSS страницы

h2{
    font-family: 'alexander';
}

Answer 5

[TheLostRoot]

Посмотри это здесь все очень подробно описано www.youtube.com/watch?v=QDGUmrtZMMM