Typeface - любой шрифт на сайте

Главные вкладки

Аватар пользователя klim klim 24 декабря 2009 в 20:17

Поставил модуль, загрузил сконвертированные шрифты, на сайте их видно.
Написал пару строк на сайте - у пользователей, у которых не установлен этот шрифт (а имеено на эту аудиторию рассчитан данные модуль) текст отображается стандартным шрифтом, у кого шрифт установлен в системе - видят все прекрасно.
Как быть? Нужна ли спец. сборка php для работы с imagettftext?
У кого получилось настроить, спасайте Smile

Комментарии

Аватар пользователя Xaber@drupal.org Xaber@drupal.org 24 декабря 2009 в 20:34

typeface

Позволяет использовать различные шрифты, если они есть у пользователя.

Если надо чтобы было у всех - рендерь картинку. В таком случае - не завидую я твоему севреру если будешь это делать на лету

Аватар пользователя Alex_R Alex_R 24 декабря 2009 в 21:00

"<a href="mailto:Xaber@drupal.org">Xaber@drupal.org</a>" wrote:
Если надо чтобы было у всех - рендерь картинку. В таком случае - не завидую я твоему севреру если будешь это делать на лету

И в этом случае советую обратить внимание на модуль Signwriter.

Аватар пользователя klim klim 24 декабря 2009 в 22:20

"<a href="mailto:Xaber@drupal.org">Xaber@drupal.org</a>" wrote:
Позволяет использовать различные шрифты, если они есть у пользователя.

А зачем он тогда нужен, если это можно настроить через CSS?
Мне нужно сделать надпись шрифтом, которого нет у большинства людей.
Вот ссылка по теме http://habrahabr.ru/blogs/webdev/43370/

Аватар пользователя klim klim 24 декабря 2009 в 22:32

"<a href="mailto:Xaber@drupal.org">Xaber@drupal.org</a>" wrote:
Если надо чтобы было у всех - рендерь картинку. В таком случае - не завидую я твоему севреру если будешь это делать на лету

Мне нужно оформить примерно 20 пунктов меню на странице, это сильно будет весить сервер?

Аватар пользователя Alex_R Alex_R 24 декабря 2009 в 22:39

"klim" wrote:
Мне нужно оформить примерно 20 пунктов меню на странице, это сильно будет весить сервер?

Нет, поскольку вы сделаете набор картинок один раз, а они не будут каждый раз делаться заново при обращении к странице с вашим меню.

Аватар пользователя Xaber@drupal.org Xaber@drupal.org 24 декабря 2009 в 23:07

да да, Alex_R прав)
klim, Ключевая фраза у меня была - на лету. А если нет - то Expired вам в руки и побольше кеша у ваших пользователей и все ок будет )в таком случае вы никак не ощутите на себе воздействие картинок

Аватар пользователя glu2006 glu2006 24 декабря 2009 в 23:42

font-face Вам в руки и не надо никаких картинок, данное свойство не работает только в хромом (гуглохром) во всяком случае у меня не заработало, может у кого-то и есть способ.

Для проверки можете посмотреть на вот этот сайт: http://domorgan.dp.ua/istoriya-organa

Аватар пользователя adubovskoy adubovskoy 25 декабря 2009 в 5:07

а cufon не подойдет? вполне кросс-браузерно, из минусов - пользователю надо грузить и cufon и сгенеренный js с шрифтом, зачастую это выходит в ~50-60Kb.

Аватар пользователя klim klim 25 декабря 2009 в 9:01

"glu2006" wrote:
font-face Вам в руки и не надо никаких картинок

Проверил на IE, дейсвительно работает. Настраивается за 2 минуты.
Но вот с FF и Opera проблемы Sad как решать?

Аватар пользователя glu2006 glu2006 25 декабря 2009 в 10:14

Опера и Лиса работают со шрифтами .ttf, Осел и сафари с .eot поэтому для кроссбраузерного отображения Вам просто необходимо дважды в CSS прописать свойство font-face примерно так

[user=font]font[/user]-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;
}

папка с шрифтами должна быть в используемой теме сайта

Аватар пользователя lopata24 lopata24 25 декабря 2009 в 13:03

Тоже руками и ногами за font-face
никаких модулей не надо, и все работает прекрасно в последних версиях браузеров

"glu2006" wrote:
данное свойство не работает только в хромом (гуглохром) во всяком случае у меня не заработало, может у кого-то и есть способ

у товарища есть сборка от производителей, еще не релиз, говорит там уже поддерживается Smile

Аватар пользователя klim klim 25 декабря 2009 в 14:54

"glu2006" wrote:
Опера и Лиса работают со шрифтами .ttf, Осел и сафари с .eot поэтому для кроссбраузерного отображения Вам просто необходимо дважды в CSS прописать свойство font-face примерно так

в теме написано что надо (http://www.drupal.ru/node/34198)

[user=font]font[/user]-face {
        font-family: "Alibi";
        src: url(Fonts/Alibi.ttf) format("truetype");
}

удалил ' format("truetype")', теперь FF работает, а опера 10.10 все равно выкоблучивается Sad

Аватар пользователя klim klim 25 декабря 2009 в 20:42

"glu2006" wrote:
попробуйте кавычки поставить в
попробуйте подсунуть в Opera 10 - *.otf

и кавычки ставил, и конвертировал шрифт в *.otf
не хочет работать в опере корректно, второй шрифт работает а первый так и не хочет

вот, гляньте, http://klim.coolpage.biz/

[user=font]font[/user]-face {
        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');
}
<html>
<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>

Аватар пользователя klim klim 10 ноября 2015 в 11:46

"<a href="mailto:Xaber@drupal.org">Xaber@drupal.org</a>" wrote:
Идентификация браузера:

Opera/9.80 (Windows NT 6.1; U; ru) Presto/2.2.15 Version/10.10

работает.

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

Аватар пользователя Alex_R Alex_R 25 декабря 2009 в 23:19

"klim" wrote:
нежелательный эффект IE7

А много ли пользователей ИЕ7 ?
По статистикам посещений наблюдаемых мною сайтов меньше 3х процентов среди пользователей ИЕ!!! Я бы не заморачивался и таким количеством пренебрег. Т.е. кто не обновляется регулярно все еще сидит на шестерке, а кто обновляется уже на восьмерке.

"klim" wrote:
вот, гляньте, http://klim.coolpage.biz/[/quote]
Под ИЕ8 - все идеально под ФФ 3.5.6 - аналогично. Под Хромом - помимо того, что шрифты не отображаются еще и кириллица козябрами пошла.

Аватар пользователя glu2006 glu2006 26 декабря 2009 в 10:41

Ну я хз вы ссылку на сайт что я давал смотрели? Smile во всех работают шрифты кроме хрома? код у вас в комментах.
На хочу заметить что не все шрифты тображаются корректно, но если работает в осле 6, то в осле 7 ошибок уж точно быть не должно.

Аватар пользователя klim klim 26 декабря 2009 в 15:19

"glu2006" wrote:
то в осле 7 ошибок уж точно быть не должно.

их нет Smile шрифты в IE7 отображаются, но при обновлении страницы выскакивает окошко с предупреждением об инородных шрифтах

Аватар пользователя klim klim 14 февраля 2010 в 0:25

Выснилась проблема:
Имеются два компа (Vista и Seven), на обоих стоит IE8

на первом не работает шрифт eot, на втором работает!

[user=font]font[/user]-face {
    font-family: "Optima";
    src: url('Fonts/Optima.eot');
}

В чем косяк?

Аватар пользователя Stargazer Stargazer 14 февраля 2010 в 0:48

Может стоить обратить внимание на флэш обработчики текста? Они хотя-бы проц клиента грузят, а не сервак + никаких *.ttf и *.eot извращений, на которые матерится(раньше материлась)безопасность ну и текст остается текстом, что то-же плюс... как вариант