Myriad Pro font issues appear after adding a gradient to text. How to fix?

Question

css

Myriad Pro is a paid font for adobe or free for windows? Googled it, but it's not clear yet.
I added a gradient to the text codepen.io/freeman0204/pen/vLpNOb everything is fine, for example it works fine with arial, but with Myriad Pro some kind of frame appears how to fix it?

Answer 1

Solution here

Answer 2

Myriad Pro and all Myriads are Adobe fonts. They are installed in the system when installing any pdf-reader, photoshop, etc.
As far as I know, Adobe fonts cannot be inserted into websites just like that. Well, I mean, distribute the font files. This already needs to be clarified on the site of Adobe itself.

Answer 3

If you are a Creative Cloud subscriber , you can legally use them both in print and on the web through TypeKit .