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

Question

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

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

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

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

Спасибо!

Answer 1

Не можете ли вы просто вручную взломать the cufón code, чтобы изменить направление градиента на данный момент?

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

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

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

Answer 2

Посмотрите: Javascript example: text color to gradient. Могу помочь вам.

Answer 3

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

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