Лицо шрифта, Рафаэль и IE8

Question

Я отчаянно пытаюсь заставить некоторые шрифты Google работать с Рафаэлем (библиотека JavaScript рендеринга SVG / VML) на IE8.

Сначала я попробовал код Google gonts.

Моя вторая попытка состояла в том, чтобы загрузить и преобразовать шрифты для размещения моего собственного более полного CSS. Теперь шрифты отображаются в html-части страницы (внутри измененного выпадающего меню начальной загрузки), но не работают на холсте VML (создан Рафаэлем).

Пример здесь:

http://beta.yetiprint.com/fr/etiquettes-autocollantes/4-etiquettes-couleur-ronde.html

Можно ли заставить это работать в iE8? Любая подсказка?

Answer 1

Я могу подтвердить, что метод Скотта работает, но я не смог уместить эти инструкции в поле комментария его ответа.

Инструкции по настройке пользовательских шрифтов в Raphael с помощью Cufón:

1. Перейдите на веб-сайт Cufón , где можно преобразовать шрифт в фигуры контуров.
2. Загрузите свой собственный шрифт, выберите имя шрифта и щелкните значок Raphael в разделе «Настройка для сторонних сценариев».
3. Отправьте форму и загрузите всплывающий файл Javascript.
4. Включите этот Javascript под включенным Raphael Javascript.
5. Зарегистрируйте шрифт с помощью Raphael следующим образом, где fontname - это имя вашего шрифта, которое вы указали в шаге 2: var myfont = paper.getFont('fontname');
6. Используйте свой шрифт , например, в Рафаэле: paper.print(100, 100, 'Hello World', myfont, 100);

Производительность невелика по сравнению с Paper.text, но она работает в IE6 и выше.

Answer 2

Вы пробовали процедуры в Рафаэле до registerFont()?См. http://raphaeljs.com/reference.html#Raphael.registerFont. Это дает процедуру для получения шрифта в Рафаэле.

Исходя из ссылки на этой странице , вы сможете получить поддержку VML и, следовательно, функциональность IE8.По крайней мере, теоретически;Я никогда не делал этого, я просто нашел эту информацию, которая, кажется, указывает направление, в котором вы хотите идти.