|
|
|
| Не получается добавить нестандартный шрифт.
Вроде бы пишу в .css всё правильно:
@font-face {
font-family: "B2 Regular";
src: url(fontss/b2.ttf);
}
P {
font-family: "B2 Regular", "Courier New";
font-size: 18px;
}
|
Но в итоге на экране Courier New, а не желаемый B2 Regular,
проверял Валидатором, он сообщает 2 ошибки:
Ошибка значения : font-family Свойство font-family не существует в CSS2.1, но существует в : "B2 Regular" "B2 Regular"
Свойство src не существует : url(fontss/b2.ttf) url(fontss/b2.ttf)
Кто-нибудь добавлял свои шрифты, или лучше не пытаться? | |
|
|
|
|
|
|
|
для: Petter
(24.12.2010 в 20:15)
| | http://www.woweb.ru/publ/26-1-0-579
http://habrahabr.ru/blogs/css/64596/
и т.д..
А так вы хотите не получится | |
|
|
|
|
|
|
|
для: sim5
(24.12.2010 в 20:22)
| | Спасибо за ответ, интересные статьи.
Я попробовал, сделал, как там рекомендуется, применив файл шрифта в формате .eot и всё вроде бы (!) отображается.
Но вот только шрифт не подгружается!
Такое ощущение, что эти статьи писались без проверки, то есть авторы этих статей уже загрузили себе шрифты в компьютеры свои, и наивно думали, что это у них всё получилось. В действительности всё совсем иначе!
Если на Вашем компьютере есть этот шрифт, то всё ОК, а если нет - то он не подгружается!, и авторы это даже не проверили, что их, конечно, характеризует...
Когда я решил проверить, как всё обстоит на самом деле, и удалил новый шрифт со своего компьютера, после чего снова зашёл на страничку, там не отображался новый шрифт, то есть он и не думает подгружаться на компьютер при том коде, который там рекомендуется.
<STYLE type="text/css">
@font-face {
font-family: Chonker;
font-style: normal;
font-weight: 900;
src: url(chonker.eot);
}
@font-face {
font-family: Chonker;
font-style: normal;
font-weight: 900;
src: local(Chonker), url(chonker.eot) format("Embedded Open Type");
}
P {
font-family : Chonker, "Courier New";
font-size : 30px;
}
</STYLE>
|
Это то, что они рекомендуют, и это не работает, что бы они не писали.
И валидацию эти способы не проходят, что тоже показательно. | |
|
|
|
|
|
|
|
для: Petter
(24.12.2010 в 23:48)
| | Ну ищите вы поисковиком "внедрение шрифтов" и читайте:
http://www.umade.ru/log/2009/07/font-embed-eot-font-face/
....
материала на эту тему хоть отбавляй. | |
|
|
|
|
|
|
|
для: Petter
(24.12.2010 в 23:48)
| | загружаете шрифт - на выходе страница с стилями и шрифтами в нужном формате
http://www.fontsquirrel.com/fontface/generator
только расширенные настройки включите, чтобы кирилицу добавить | |
|
|
|
|
|
|
|
для: Petter
(24.12.2010 в 23:48)
| | У меня имеется не самый старый браузер - не поддерживает
@font-face. Если шрифт отсутствует в системе, то желаемый
результат не будет достигнут. Надо добавлять в систему, так
надёжней и практичней, чем всякий раз насиловать коммуникационный
канал посетителей. | |
|
|
|
|
|
|
|
для: Petter
(24.12.2010 в 20:15)
| | [поправлено модератором] | |
|
|
|
|
|
|
|
для: mihdan
(25.12.2010 в 15:27)
| | Большое спасибо тем, кто откликнулся, за ответы!
Очень много всего, интересного, нашёл, благодаря вашим ссылкам.
От всего сердца поздравляю с наступающими праздниками, дорогие mihdan, AlexSol и, конечно, sim5 ! | |
|
|
|
|
|
|
|
для: Petter
(30.12.2010 в 12:22)
| | Просто копируешь шрифт в папку с сайтом и в стилях указываешь адрес на этот шрифт. | |
|
|
|
|
|
|
|
для: Doberman
(30.12.2010 в 12:43)
| | Опять дурочку включаем? | |
|
|
|
|
|
|
|
для: sim5
(30.12.2010 в 13:20)
| | <html>
<input type="text" id="text" />
<input type="button" onclick="func()" />
<div id="rezult"></div>
<script type="text/javascript">
function func()
{
t = document.getElementById('text').value;
d = document.getElementById('rezult');
d.innerHTML = 'Вы написали: '+t;
}
</script>
</html>
Вот тебе комментарии на страничку ну на счет такого метода шрифтов то у меня все работает , незнаю чего у тебя за проблемы !? | |
|
|
|
|
|
|
|
для: Doberman
(30.12.2010 в 13:50)
| | а смысл на сервак загружать, если у вас в системе шрифт стоит то и загружать его не надо, все будет работать. ) | |
|
|
|
|
|
|
|
для: AlexSol
(30.12.2010 в 13:57)
| | Он насколько я понял спрашивал про свои шрифты а не про те которые есть у всех!!! | |
|
|
|
|
|
|
|
для: Doberman
(30.12.2010 в 14:06)
| | JavaScript выполняется на машине пользователя, использует ресурсы, которые загружены на машину пользователя - HTML-страницы, изображения, каскадные таблицы стилей, шрифты, установленные у пользователя. Если шрифт загружен на сервер и не попадает пользователю на машину - воспользоваться им JavaScript не сможет.
Из-за чего спор? | |
|
|
|
|
|
|
|
для: Doberman
(30.12.2010 в 14:06)
| | я к тому что ваше решение - просто загрузить шрифт на сервер работает у вас, поскольку у вас этот шрифт есть в системе. чтобы подключить шрифт к сайту его минимум в трех разных форматах необходимо на сервер выложить | |
|
|
|
|
|
|
|
для: Doberman
(30.12.2010 в 13:50)
| | Вот что уважаемый, книги в зубы и читать, читать, читать, и не пороть чушь, и не писать мне письма глупые по содержанию. | |
|
|
|
|
|
|
|
для: Petter
(24.12.2010 в 20:15)
| | Выбери CSS3, что бы валидатор не матерился. Вот тебе рабочий
пример.
@font-face {
font-family:"PT Serif";
src:local("PT Serif"),
url("font/pt/ptf55f_w.eot") format("embedded-opentype"),
url("font/pt/ptf55f_w.ttf") format("truetype"),
url("font/pt/ptf55f_w.svg#PTSerif-Regular") format("svg");
}
Метод имеет свой недостаток - italic, bold подгружаются отдельно.
eot, к примеру, не поддерживается браузером seamonkey. А IE
поддерживает только eot. В этой связи надо подкладывать один и
тот же шрифт в разных форматах (для уверенности), иначе зачем
нужна эта затея. В результате содержимое директория font
составило в размере 12.4 мегабайт. Это недопустимо. Это заставило
меня отказаться от @font-face, но не от font-family. Я просто
сделал пометку, что ресурс заточен под шрифты PT Sans и PT Serif,
дал гиперссылку на архивы. Кому надо - добавит шрифты в систему.
Кстати, советую http://www.paratype.ru/public | |
|
|
|
|
|
|
|
для: блогер
(01.01.2011 в 13:32)
| | http://www.fontsquirrel.com/fontface/generator
позволяет включить в шрифт только нужные символы. 12мегабайт на 2 шрифта это перебор.
1 шрифт 1 начертание ~200кб
1 шрифт normal,italic, bold, italic bold ~ 800кб | |
|
|
|
|
|
|
|
для: AlexSol
(01.01.2011 в 13:46)
| | 800 кб. - уже много. А у меня заюзаны serif и sans с вариациями
на тему italic, bold, narrow. При любом раскладе получится более
1600 кб.
Помимо ненавязчивого стимулирования посетителей установить
используемые мной шрифты, будет практично прописать пару
альтернативных шрифтов. "PT Serif", "Liberation serif",
sans-serif;. Вот, как-то так. | |
|
|
|