X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Получилось установить на сайт один нестандартный шрифт, как сделать несколько
websty
websty
Topic Starter сообщение 12.1.2012, 12:54; Ответить: websty
Сообщение #1


Есть много статей о том как встроить шрифт в сайт, но нигде не написано как встроить несколько шрифтов.
Встраиваю таким способом:
[CSS]

@font-face { font-family: "MyriadPro"; src: url("../images/MyriadPro-Regular.ttf") format("truetype"); }
<!--[if IE]>
@font-face { font-family: "MyriadPro"; src: url("../images/MyriadPro-Regular.eot"); } <![endif]-->
[/CSS]

Два шрифта таким способом встроить не получилось.
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Azazaza_hb
Azazaza_hb
сообщение 12.1.2012, 16:02; Ответить: Azazaza_hb
Сообщение #2


так же само, повторяете запись и все, я встраивал так:
[CSS]@font-face {font-family: "Bender-Bold"; src: url("Bender_Bold.eot"); src: url("Bender_Bold.eot?#iefix") format("embedded-opentype"),url("Bender_Bold.ttf") format("truetype")}
@font-face {font-family: "Bender"; src: url("Bender.eot"); src: url("Bender.eot?#iefix") format("embedded-opentype"),url("Bender.ttf") format("truetype")}
body, ul, button{margin:0; padding:0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}[/CSS]

есть сайты которые сами генерируют этот код и набор шрифтов, как называются непомню))
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
qeye
qeye
сообщение 12.1.2012, 16:46; Ответить: qeye
Сообщение #3


А Google Web Fonts не пробовали?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Apay
Apay
сообщение 12.1.2012, 17:09; Ответить: Apay
Сообщение #4


[CSS]@font-face {
font-family: "Font One";
font-weight:normal;
src: url("fonts/FontOne-Regular.eot");
src: local("Font One"),
url("fonts/FontOne-Regular.ttf") format("truetype"),
url("fonts/FontOne-Regular.eot?#iefix") format("embedded-opentype");
}
@font-face {
font-family: "Font One";
font-weight:bold;
src: url("fonts/FontOne-Bold.eot");
src: local("Font One Bold"),
url("fonts/FontOne-Bold.ttf") format("truetype"),
url("fonts/FontOne-Bold.eot?#iefix") format("embedded-opentype");
}
@font-face {
font-family: "Font Two";
font-weight:normal;
src: url("fonts/FontTwo.eot");
src: local("Font Two"),
url("fonts/FontTwo.ttf") format("truetype"),
url("fonts/FontTwo.eot?#iefix") format("embedded-opentype");
}
@font-face {
font-family: "Font Tree";
font-weight:normal;
src: url("fonts/FontTree.eot");
src: local("Font Tree"),
url("fonts/FontTree.ttf") format("truetype"),
url("fonts/FontTree.eot?#iefix") format("embedded-opentype");
}
[/CSS]
данная штука работает, проверенно. обратите внимание, для bold лучше полключать файлы отдельно
local указывается для того, чтобы использовать установленный в системе шрифт (если таковой есть) а не подгружать его с сайта

Azazaza, вместо [CSS]font-family: "Bender-Bold";[/CSS] имхо лучше указывать [CSS]font-family: "Bender";
font-weight:bold;[/CSS]
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
oroom
oroom
сообщение 13.1.2012, 2:22; Ответить: oroom
Сообщение #5


Я на своем блоге [erased] Делал просто вот так:
[CSS]
@font-face {

font-family: 'mylc';
src: url('mylc.eot');
src: url('mylc.eot?#iefix') format('embedded-opentype'),
url('mylc.woff') format('woff'), url('mylc.ttf') format('truetype'),
url('mylc.svg#webfont') format('svg');
font-weight: normal;
font-style: normal;

font-family: 'my';
src: url('my.eot');
src: url('my.eot?#iefix') format('embedded-opentype'),
url('my.woff') format('woff'), url('my.ttf') format('truetype'),
url('my.svg#webfont') format('svg');
font-weight: normal;
font-style: normal;

}
[/CSS]
Все отлично работает.

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Ваш сайт блокирует Роскомнадзор?
23 hollywooduk 5095 Вчера, 10:43
автор: hollywooduk
Открытая тема (нет новых ответов) Тысячи ботовых переходов на сайт
18 Suagaring 4536 26.3.2024, 21:42
автор: c4p1t4l15t
Открытая тема (нет новых ответов) Большие ставки для кликов в Я.Директ. Как удешевить?
2 rownong27 1119 26.3.2024, 14:13
автор: knezevolk
Открытая тема (нет новых ответов) Как вы бросили работу и перешли на заработок с сайтов?
12 uahomka 2289 25.3.2024, 6:52
автор: Skyworker
Открытая тема (нет новых ответов) Как отозвать банковский платеж фрилансеру?
28 metvekot 3912 25.3.2024, 6:34
автор: Skyworker


 



RSS Текстовая версия Сейчас: 28.3.2024, 22:15
Дизайн