Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В. PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5. На примерах. Авторы: Кузнецов М.В., Симдянов И.В., Голышев С.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Добавление шрифта на сайт
 
 автор: Petter   (24.12.2010 в 20:15)   письмо автору
 
 

Не получается добавить нестандартный шрифт.

Вроде бы пишу в .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)

Кто-нибудь добавлял свои шрифты, или лучше не пытаться?

  Ответить  
 
 автор: sim5   (24.12.2010 в 20:22)   письмо автору
 
   для: Petter   (24.12.2010 в 20:15)
 

http://www.woweb.ru/publ/26-1-0-579
http://habrahabr.ru/blogs/css/64596/
и т.д..
А так вы хотите не получится

  Ответить  
 
 автор: Petter   (24.12.2010 в 23:48)   письмо автору
 
   для: 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>


Это то, что они рекомендуют, и это не работает, что бы они не писали.
И валидацию эти способы не проходят, что тоже показательно.

  Ответить  
 
 автор: sim5   (25.12.2010 в 07:48)   письмо автору
 
   для: Petter   (24.12.2010 в 23:48)
 

Ну ищите вы поисковиком "внедрение шрифтов" и читайте:
http://www.umade.ru/log/2009/07/font-embed-eot-font-face/
....
материала на эту тему хоть отбавляй.

  Ответить  
 
 автор: AlexSol   (25.12.2010 в 10:56)   письмо автору
 
   для: Petter   (24.12.2010 в 23:48)
 

загружаете шрифт - на выходе страница с стилями и шрифтами в нужном формате
http://www.fontsquirrel.com/fontface/generator

только расширенные настройки включите, чтобы кирилицу добавить

  Ответить  
 
 автор: блогер   (01.01.2011 в 13:39)   письмо автору
 
   для: Petter   (24.12.2010 в 23:48)
 

У меня имеется не самый старый браузер - не поддерживает
@font-face. Если шрифт отсутствует в системе, то желаемый
результат не будет достигнут. Надо добавлять в систему, так
надёжней и практичней, чем всякий раз насиловать коммуникационный
канал посетителей.

  Ответить  
 
 автор: mihdan   (25.12.2010 в 15:27)   письмо автору
 
   для: Petter   (24.12.2010 в 20:15)
 

[поправлено модератором]

  Ответить  
 
 автор: Petter   (30.12.2010 в 12:22)   письмо автору
 
   для: mihdan   (25.12.2010 в 15:27)
 

Большое спасибо тем, кто откликнулся, за ответы!
Очень много всего, интересного, нашёл, благодаря вашим ссылкам.
От всего сердца поздравляю с наступающими праздниками, дорогие mihdan, AlexSol и, конечно, sim5 !

  Ответить  
 
 автор: Doberman   (30.12.2010 в 12:43)   письмо автору
 
   для: Petter   (30.12.2010 в 12:22)
 

Просто копируешь шрифт в папку с сайтом и в стилях указываешь адрес на этот шрифт.

  Ответить  
 
 автор: sim5   (30.12.2010 в 13:20)   письмо автору
 
   для: Doberman   (30.12.2010 в 12:43)
 

Опять дурочку включаем?

  Ответить  
 
 автор: Doberman   (30.12.2010 в 13:50)   письмо автору
 
   для: 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>

Вот тебе комментарии на страничку ну на счет такого метода шрифтов то у меня все работает , незнаю чего у тебя за проблемы !?

  Ответить  
 
 автор: AlexSol   (30.12.2010 в 13:57)   письмо автору
 
   для: Doberman   (30.12.2010 в 13:50)
 

а смысл на сервак загружать, если у вас в системе шрифт стоит то и загружать его не надо, все будет работать. )

  Ответить  
 
 автор: Doberman   (30.12.2010 в 14:06)   письмо автору
 
   для: AlexSol   (30.12.2010 в 13:57)
 

Он насколько я понял спрашивал про свои шрифты а не про те которые есть у всех!!!

  Ответить  
 
 автор: cheops   (30.12.2010 в 14:43)   письмо автору
 
   для: Doberman   (30.12.2010 в 14:06)
 

JavaScript выполняется на машине пользователя, использует ресурсы, которые загружены на машину пользователя - HTML-страницы, изображения, каскадные таблицы стилей, шрифты, установленные у пользователя. Если шрифт загружен на сервер и не попадает пользователю на машину - воспользоваться им JavaScript не сможет.

Из-за чего спор?

  Ответить  
 
 автор: AlexSol   (30.12.2010 в 19:04)   письмо автору
 
   для: Doberman   (30.12.2010 в 14:06)
 

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

  Ответить  
 
 автор: sim5   (30.12.2010 в 14:11)   письмо автору
 
   для: Doberman   (30.12.2010 в 13:50)
 

Вот что уважаемый, книги в зубы и читать, читать, читать, и не пороть чушь, и не писать мне письма глупые по содержанию.

  Ответить  
 
 автор: блогер   (01.01.2011 в 13:32)   письмо автору
 
   для: 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

  Ответить  
 
 автор: AlexSol   (01.01.2011 в 13:46)   письмо автору
 
   для: блогер   (01.01.2011 в 13:32)
 

http://www.fontsquirrel.com/fontface/generator
позволяет включить в шрифт только нужные символы. 12мегабайт на 2 шрифта это перебор.
1 шрифт 1 начертание ~200кб

1 шрифт normal,italic, bold, italic bold ~ 800кб

  Ответить  
 
 автор: блогер   (01.01.2011 в 18:02)   письмо автору
 
   для: AlexSol   (01.01.2011 в 13:46)
 

800 кб. - уже много. А у меня заюзаны serif и sans с вариациями
на тему italic, bold, narrow. При любом раскладе получится более
1600 кб.

Помимо ненавязчивого стимулирования посетителей установить
используемые мной шрифты, будет практично прописать пару
альтернативных шрифтов. "PT Serif", "Liberation serif",
sans-serif;. Вот, как-то так.

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования