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

Contributor ,
Mar 05, 2017 Mar 05, 2017

Copy link to clipboard

Copied

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?

Views

655

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Adobe Community Professional , Mar 07, 2017 Mar 07, 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

Likes

Translate

Translate
Adobe Community Professional ,
Mar 05, 2017 Mar 05, 2017

Copy link to clipboard

Copied

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Contributor ,
Mar 07, 2017 Mar 07, 2017

Copy link to clipboard

Copied

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.

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Mar 07, 2017 Mar 07, 2017

Copy link to clipboard

Copied

LATEST

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, Adobe Product User & Community Professional
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines