Текст с градиентом и пользовательским шрифтом

Question

Хорошо, вот мой вызов, у меня есть несколько <h1> тегов, которые я хочу преобразовать в собственный шрифт и применить градиент слева направо.

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

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

У кого-нибудь есть рекомендации? Я смотрел на гарнитуру js, которая не делает градиенты (я думаю) и CSS3 как moz-linear-Gradient, но это не поддерживает применение его в качестве цвета.

Спасибо!

Answer 1

Разве вы не можете просто вручную взломать код cufón для изменения направления градиента на данный момент?

Я сам не пробовал и не проверял это, но я подозреваю, что строки выхочу поменять бы что-то вроде:

@973, for VML implementation
... fill.angle = 270;

@1364, for canvas implementation
... fill = g.createLinearGradient(viewBox.minX, 0, viewBox.maxX, 0);

Answer 2

Я разработал функцию, которая заменяет текст холстом и позволяет добавлять градиентные цвета с помощью свойства цвета CSS.Посмотрите на это и дайте мне знать, если вам это нравится.

https://github.com/msnazi/Gradient-for-text

Answer 3

См. Пример Javascript: цвет текста к градиенту . Может помочь вам.