Поставил модуль, загрузил сконвертированные шрифты, на сайте их видно.
Написал пару строк на сайте - у пользователей, у которых не установлен этот шрифт (а имеено на эту аудиторию рассчитан данные модуль) текст отображается стандартным шрифтом, у кого шрифт установлен в системе - видят все прекрасно.
Как быть? Нужна ли спец. сборка php для работы с imagettftext?
У кого получилось настроить, спасайте
Комментарии
typeface
Позволяет использовать различные шрифты, если они есть у пользователя.
Если надо чтобы было у всех - рендерь картинку. В таком случае - не завидую я твоему севреру если будешь это делать на лету
И в этом случае советую обратить внимание на модуль Signwriter.
А зачем он тогда нужен, если это можно настроить через CSS?
Мне нужно сделать надпись шрифтом, которого нет у большинства людей.
Вот ссылка по теме http://habrahabr.ru/blogs/webdev/43370/
Мне нужно оформить примерно 20 пунктов меню на странице, это сильно будет весить сервер?
Спасибо, буду пробовать.
Нет, поскольку вы сделаете набор картинок один раз, а они не будут каждый раз делаться заново при обращении к странице с вашим меню.
да да, Alex_R прав)
klim, Ключевая фраза у меня была - на лету. А если нет - то Expired вам в руки и побольше кеша у ваших пользователей и все ок будет )в таком случае вы никак не ощутите на себе воздействие картинок
font-face Вам в руки и не надо никаких картинок, данное свойство не работает только в хромом (гуглохром) во всяком случае у меня не заработало, может у кого-то и есть способ.
Для проверки можете посмотреть на вот этот сайт: http://domorgan.dp.ua/istoriya-organa
а cufon не подойдет? вполне кросс-браузерно, из минусов - пользователю надо грузить и cufon и сгенеренный js с шрифтом, зачастую это выходит в ~50-60Kb.
Проверил на IE, дейсвительно работает. Настраивается за 2 минуты.
Но вот с FF и Opera проблемы как решать?
Опера и Лиса работают со шрифтами .ttf, Осел и сафари с .eot поэтому для кроссбраузерного отображения Вам просто необходимо дважды в CSS прописать свойство font-face примерно так
font-family: Parisian;
src: url('fonts/42898.eot');
}
[user=font]font[/user]-face {
font-family: Parisian;
src: url('fonts/42898.ttf');
}
А дальше там где надо
.класс {
font: 14px/100% Parisian, Tahoma, Arial;
}
папка с шрифтами должна быть в используемой теме сайта
Тоже руками и ногами за font-face
никаких модулей не надо, и все работает прекрасно в последних версиях браузеров
у товарища есть сборка от производителей, еще не релиз, говорит там уже поддерживается
в теме написано что надо (http://www.drupal.ru/node/34198)
font-family: "Alibi";
src: url(Fonts/Alibi.ttf) format("truetype");
}
удалил ' format("truetype")', теперь FF работает, а опера 10.10 все равно выкоблучивается
попробуйте кавычки поставить в
попробуйте подсунуть в Opera 10 - *.otf
и кавычки ставил, и конвертировал шрифт в *.otf
не хочет работать в опере корректно, второй шрифт работает а первый так и не хочет
вот, гляньте, http://klim.coolpage.biz/
font-family: "Alibi";
src: url('Alibi.eot');
}
[user=font]font[/user]-face {
font-family: "Alibi2";
src: url('Alibi.otf');
}
[user=font]font[/user]-face {
font-family: "Alibi3";
src: url('Alibi.ttf');
}
[user=font]font[/user]-face {
font-family: "Optima";
src: url('Optima.eot');
}
[user=font]font[/user]-face {
font-family: "Optima2";
src: url('Optima.otf');
}
[user=font]font[/user]-face {
font-family: "Optima3";
src: url('Optima.ttf');
}
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div style='font-family: "Alibi", "Alibi2", "Alibi3"'>
I can write, using Alibi font!
</div>
<div style='font-family: "Optima", "Optima2", "Optima3"'>
Я написал это шрифтом Оптима.
</div>
</body>
Идентификация браузера:
Opera/9.80 (Windows NT 6.1; U; ru) Presto/2.2.15 Version/10.10
работает.
а у меня нет
+ обнаружил небольшой нежелательный эффект IE7, говорит что на страничке есть шрифты, которые будут установлены локально. Это сообщение появляется при переходе на любую страниwe сайта и явно не приемлимо для показа.
А много ли пользователей ИЕ7 ?
По статистикам посещений наблюдаемых мною сайтов меньше 3х процентов среди пользователей ИЕ!!! Я бы не заморачивался и таким количеством пренебрег. Т.е. кто не обновляется регулярно все еще сидит на шестерке, а кто обновляется уже на восьмерке.
Ну я хз вы ссылку на сайт что я давал смотрели? во всех работают шрифты кроме хрома? код у вас в комментах.
На хочу заметить что не все шрифты тображаются корректно, но если работает в осле 6, то в осле 7 ошибок уж точно быть не должно.
их нет шрифты в IE7 отображаются, но при обновлении страницы выскакивает окошко с предупреждением об инородных шрифтах
Выснилась проблема:
Имеются два компа (Vista и Seven), на обоих стоит IE8
на первом не работает шрифт eot, на втором работает!
font-family: "Optima";
src: url('Fonts/Optima.eot');
}
В чем косяк?
Может стоить обратить внимание на флэш обработчики текста? Они хотя-бы проц клиента грузят, а не сервак + никаких *.ttf и *.eot извращений, на которые матерится(раньше материлась)безопасность ну и текст остается текстом, что то-же плюс... как вариант