Deprecated Content

Our News & Blog has been around since 2009. Some older articles may be formatted for styles and layouts that have since become deprecated. I've left them up, rather than removing all the old articles. Please excuse the broken links and feel free to comment or email if you're unable to view any of our old articles.

June 13, 2011

CSS3 Typography & Effects

Designers, Graphic Artists, Marketers and Animators have all but resigned to one harsh fact abou the internet - To play well with search engines one must abandon all hope of smooth fonts, dropshadows and glowing text. Flash gave us the ability to use anti-aliased typography - but it fell short as it was comprised of only images.

Without REAL text, any content on a flash-built website was basically a scribble on a wall as far as Google and Yahoo were concerned. Even now it's common practice to try the other alternative - creating nicely designed headers in Photoshop and using raw images in your web pages rather than text titles.

But, what if you're doing business on the web? You certainly can't afford to cram your website full of images that lend nothing to SEO - you've more than likely completely resigned to jagged, plain Sans-Serif fonts with no effects whatsoever.

The answer? CSS3.

Below are just a few examples of CSS3 typography effects possible using REAL text, completely SEO friendly, live and ready for Google.

 


 

Drop Shadows

Use: <span style="text-shadow: 1pt 3px 4px rgba(0, 0, 0, 0.85);">

Soft Dropshadows


Glowing Effects

Note: I've added an additional "note" class to make the background dark and the glow more visible.
Use: <span style="text-shadow: 0pt 0px 3px rgba(247, 190, 37, 1);">


Glowing Text

  • Views: 3048

Tweets @themicrotechs

@themicrotechs

@themicrotechs

We’ve got 2020 Vision! Email us with our secret code “VISION” and all our January contracts receive an additional surprise bonus % off #webdesign #webdeveloper #WordPress #joomla #marketing #socialmediamarketing #advertising
@themicrotechs

@themicrotechs

Let’s talk solutions. Contact us about custom web development, design and marketing services themicrotechs.org/index.php/comp… #webdesign #webdevelopment #joomla #WordPress #uiux #ecommerce #shopify #SEO #TuesdayThoughts #tuesdayvibes
@themicrotechs

@themicrotechs

We’re headed to #LasVegas and bringing some of our Silicon Valley tech to the great state of Nevada. I wonder how many small businesses are powered by #wordpress or #joomla in Vegas alone?
@themicrotechs

@themicrotechs

We aim for the high 80’s, but 99 is a score we’re totally satisfied with. Learn more about premium hosting services on our website tinyurl.com/y4n54rbr #optimized #cdn #Cloudflare #WordPress #Joomla #Webdesigner #pagespeed #Google

On Instagram @themicrotechs

The Microtechs, LLC

The Microtechs, LLC

We’re excited for the New Year and hope you all had a wonderful holiday vacation! Here’s to a bright and busy 2020 #development #webdesign #wordpress #joomla #cms #marketing #advertising #seo #ppc #socialmediamarketing #bayarea #sanfranciscobay
The Microtechs, LLC

The Microtechs, LLC

The San Francisco Bay Area’s leading Developer & Online Marketing service since 2008 is looking for local talent. Photographers, DIY video makers and social media talent: Flex your stats and DM us for details. Photo credit to Razaul Karim 🥇 #instagramers #diy #photographers #youtuber
The Microtechs, LLC

The Microtechs, LLC

Microsites are perfect for marketing small businesses and targeted campaigns. Scrolling single-page or 1–3 page responsive sites custom designed for maximum ROI, acquisition and user focused messaging are perfect promotional tools that drive traffic and get results https://tinyurl.com/microtechsmicrosites
The Microtechs, LLC

The Microtechs, LLC

Simple. Powerful. Custom Web Solutions and Online Marketing since 2008. https://themicrotechs.org
"this is how I always envisioned our website. fantastic job!"

Dave Shapiro, CEO, Cartelligent
Oakland Athletics Logo
Read about the custom system we developed for The Oakland Athletics

CMS Web Design

Custom Joomla & Wordpress
Since 2008
The Microtechs, LLC P.O. Box 13 Antioch, CA 94509
SF Bay Area Web Designer & Developer Since 2008
© 2008-2019 The Microtechs, LLC