| Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате |
| Форум программистов > Вёрстка веб-сайтов > Нестандартные шрифты |
| Автор: mcTep 11.6.2010, 13:30 |
| Здравствуйте. Мне необходимо на сайт добавить нестандартные шрифты. Почитал статью про то, как «http://www.coolwebmasters.com/tutorials/319-how-to-achieve-cross-browser-font-face-support.html». Посмотрел тамошний http://themeforest.s3.amazonaws.com/133_font/demo/demo.html, и.. О, счастье! Работает везде. Все бы хорошо, пока я не начал экспериментировать с другими шрифтами. Кое-где кое-какие шрифты отображаются, а где то нет, везде по разному, но систематики я не выделил. Лучше всего себя повел Safari под windows, отобразил все шрифты, на которые у меня хватило терпения. Результаты: http://www.kirsle.net/wizards/ttf2eot-temp/cb16a8f3b650009f53b0a7e4cd262357/nitemare.eot - Google Chrome, Opera, Safari http://xfont.ru/fonts/4/2/1/42103.ttf - FF, Opera, Safari http://xfont.ru/fonts/1/1/8/11830.ttf - Safari Я так понял, что у шрифтов есть система лицензирования, но как она работает я так и не понял? Может кто-нибудь рассказать что делать? Может надо купить шрифты? Или еще что то сделать? И почему браузеры себя так ведут? Спасибо. |
| Автор: bars80080 11.6.2010, 14:36 |
| а бесплатными пользовались? там ссылка есть п.с. на сайт по ссылке "Как достичь кросс-браузерной поддержки @font-face" ругается касперский, будьте осторожны |
| Автор: mcTep 11.6.2010, 16:06 |
| Вот http://blog.themeforest.net/tutorials/how-to-achieve-cross-browser-font-face-support/ на английском языке. Там ссылка на английские шрифты, без поддержки кириллицы. Но не в том дело то. Просто мне интересно почему сафари отображает все шрифты? Или apple клал на лицензии? Как браузер понимает платный шрифт или не платный? Может быть есть какие то сервисы у каждого производителя браузера, где регистрируются шрифты, которые он способен отобразить? |
| Автор: mcTep 11.6.2010, 17:13 |
| Кажется что то раскопал «http://webcrunch.ru/news/2010/06/04/type-and-the-web/?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed:+webcrunchnews+(WebCrunch+|+%D0%9D%D0%BE%D0%B2%D0%BE%D1%81%D1%82%D0%B8)» |
| Автор: mcTep 11.6.2010, 18:19 |
| Но с кириллическими шрифтами проблема остается. |
| Автор: mcTep 11.6.2010, 19:06 |
| Оказывается, я использовал неправильный конвертор. Вот http://www.fontsquirrel.com/fontface/generator кошерный. |
| Автор: magelan 15.6.2010, 13:37 |
| Увы, пока нельзя управлять "размытием" шрифтов из браузера, все подгружаемые шрифты не относящиеся к группе sans-serif выглядят весьма убого. Подгрузка шрифтов не получает широкого распространения именно из-за того, что это элемент баловства. Все заголовки которые пишутся не стандартными шрифтами - режутся картинками целиком или побуквенно (зависит от задачи). Сейчас уже можно отрезать png файл с полным набором букв и приписать к нему CSS, который выставит для каждой буквы смещение и размеры. Есть конечно свои ограничения и проблемы в построении кода, но выглядеть будет весьма приличнее технологии @font-face. |
| Автор: magelan 15.6.2010, 15:36 |
| Все зависит от количества текста. Если нужны только заголовки, телефоны и т.п. вставки - можно и сразу HTML построить, если речь про контентное наполнение, я бы взял уже стандартные для веба: тахому, вердану, джоржию на крайняк, и не заставлял бы пользователей ломать глаза. |
| Автор: sdee 21.6.2010, 22:28 | ||
А смысл подобных движений? Проще уж картинку с текстом сразу вставить в заголовок, если только для буквицы использовать, слишком громоздко, смысл этого не ясен... |
| Автор: magelan 25.6.2010, 13:49 |
| Если у тебя CMS поставляет названия разделов текстом, контент менеджеры их вечно правят, а дизайнер нарисовал драфт с названием - кривым шрифтом - приходится выкручиваться. Либо дизайнер режет 100500 названий разделов. |
| Автор: magelan 25.6.2010, 17:11 |
| не так все страшно на самом деле, жить можно. правда, если по честному надо еще морочится поддержкой ие6- что не сложно, и изучать фонтографию, чтобы правильно строить межбуквенные интервалы. это вариант решения в лоб... |