Allow support for more font effects on Firefox

Most of the font effects shown here: https://developers.google.com/fonts/docs/getting_started#enabling_font_effects_beta are not supported on Firefox. This is because they use `-webkit-mask-image`. However, modifying these effects to use the cross platform `mask-image` works just as well, and works on Firefox.