Skip to main content
Inspiring
March 6, 2017
Answered

How customizable are Google Font Effects (like Emboss, 3D, etc.)

  • March 6, 2017
  • 1 reply
  • 1265 views

Are they 100% non-customizable?

In other words, can we change the color or length of the shadow under the "3D" effect, or change the "Neon" effect color from fuchsia to something else?

This topic has been closed for replies.
Correct answer Nancy OShea

I've always relied on tried and true CSS to style my fonts whether they be from Google, Typekit, Edge or a custom font kit.  Why limit yourself to a handful of fonts when you don't need to?

That said, Google Font Effects are not a secret sauce.  It's all done with CSS code.  And if you know CSS3, you can indeed customize the Google Font Effects as discussed in this article.

A Look Into: Google Web Font Effects - Hongkiat

Nancy

1 reply

BenPleysier
Community Expert
March 6, 2017
Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!
Under S.Author
Inspiring
March 7, 2017

Thanks, I'm sure that will be helpful to some, but not quite what I was personally looking for.

I'm looking to customize Google Font Effects like "3D" (which does way more than just add shadow) or "Ridged" -- not simulate them with CSS tricks. As functions, they're either customizable or they're not. Based on all my Googling, it appears they're not.

Nancy OShea
Nancy OSheaCorrect answer
Community Expert
March 7, 2017

I've always relied on tried and true CSS to style my fonts whether they be from Google, Typekit, Edge or a custom font kit.  Why limit yourself to a handful of fonts when you don't need to?

That said, Google Font Effects are not a secret sauce.  It's all done with CSS code.  And if you know CSS3, you can indeed customize the Google Font Effects as discussed in this article.

A Look Into: Google Web Font Effects - Hongkiat

Nancy

Nancy O'Shea— Product User, Community Expert & Moderator