The Moz Q&A Forum

    • Forum
    • Questions
    • My Q&A
    • Users
    • Ask the Community

    Welcome to the Q&A Forum

    Browse the forum for helpful insights and fresh discussions about all things SEO.

    1. SEO and Digital Marketing Q&A Forum
    2. Categories
    3. Technical SEO Issues
    4. Do search engines treat masked text differently than solid color fonts?

    Do search engines treat masked text differently than solid color fonts?

    Technical SEO Issues
    6 3 56
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as question
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • kwoolf
      kwoolf last edited by

      In my attempt to decrease page load times, I ditched my custom fonts for google fonts. I figured out how to apply CSS mask-image to make this blazing fast loading google font have a chalk texture, which was an awesome improvement over the 3-5 second load times for those locally hosted web fonts.

      I've read that Google penalize a site for poor contrast ratios between the background and text, but do search engines go by CSS or do they somehow compare the actual rendered site as an image? Using CSS mask-image to give my text that chalk appearance does produce minor transparent patches in text.

      So have I saved 3 seconds on page load just to have search engines knock points off for funky text issues? All input welcome. The temporary site is here. https://website-1b14f.firebaseapp.com/

      Kevin

      1 Reply Last reply Reply Quote 0
      • Guest
        Guest last edited by

        This post is deleted!
        kwoolf 1 Reply Last reply Reply Quote 0
        • kwoolf
          kwoolf @Guest last edited by

          Thank for your thoughts. You're right that I can't find a single article on this anywhere, but I've never been conservative when I comes to SEO. I'm always looking to see what's possible. I concluded that since unsupported browsers will simply display the original text without the mask-image (Firefox/Opera), I'm going to assume google search bots won't care about the image mask either.

          On the SEO side, this method shaves 3 to 5 seconds off load times, so that can't be bad. The effects are amazing, even on Chinese fonts. I'll report back after launch and post here.

          1 Reply Last reply Reply Quote 1
          • Christy-Correll
            Christy-Correll last edited by

            Hi Kevin,

            Have you launched yet? We'd love an update on this!

            Christy 🙂

            kwoolf 2 Replies Last reply Reply Quote 1
            • kwoolf
              kwoolf @Christy-Correll last edited by

              Site not launched yet but no warnings on any SEO tools. You can run this site through any tests you want and see. https://website-1b14f.firebaseapp.com/

              Schema all good and AMP valid. Content coming up next... FYI this is not a public site and content will change as we test new designs and functionality.

              1 Reply Last reply Reply Quote 0
              • kwoolf
                kwoolf @Christy-Correll last edited by

                Hi Christy,

                Site launched! The e-commerce part is still under development but the basic site has been up a couple months. Masked text doing great! No issues whatsoever on the SEO side. Ranking super high still and load speeds are good. Service workers will be activated in the coming weeks as we build out our food delivery platform. So, I'll mark my question as answered. https://www.88k.com.tw

                1 Reply Last reply Reply Quote 0
                • 1 / 1
                • First post
                  Last post
                • Would a Search Engine treat a sitemap hosted in the cloud in the same way as if it was simply on /sitemap.htm?
                  RuthHearn
                  RuthHearn
                  0
                  4
                  63

                • Onsite Search Engine
                  Carson-Ward
                  Carson-Ward
                  0
                  6
                  245

                • 301 redirect and search engines
                  timeintopixels
                  timeintopixels
                  0
                  5
                  83

                • URL or sitemap submit to search engines?
                  TakeshiYoung
                  TakeshiYoung
                  0
                  4
                  218

                • Local search engine optimization
                  sanctuarymedia
                  sanctuarymedia
                  0
                  6
                  548

                • How do search engines treat urls that end in hashtags?
                  RyanKent
                  RyanKent
                  0
                  6
                  3.5k

                • Anchor text in Flash Discoverable by Search Engines?
                  Entrusteddev
                  Entrusteddev
                  0
                  2
                  954

                Get started with Moz Pro!

                Unlock the power of advanced SEO tools and data-driven insights.

                Start my free trial
                Products
                • Moz Pro
                • Moz Local
                • Moz API
                • Moz Data
                • STAT
                • Product Updates
                Moz Solutions
                • SMB Solutions
                • Agency Solutions
                • Enterprise Solutions
                • Digital Marketers
                Free SEO Tools
                • Domain Authority Checker
                • Link Explorer
                • Keyword Explorer
                • Competitive Research
                • Brand Authority Checker
                • Local Citation Checker
                • MozBar Extension
                • MozCast
                Resources
                • Blog
                • SEO Learning Center
                • Help Hub
                • Beginner's Guide to SEO
                • How-to Guides
                • Moz Academy
                • API Docs
                About Moz
                • About
                • Team
                • Careers
                • Contact
                Why Moz
                • Case Studies
                • Testimonials
                Get Involved
                • Become an Affiliate
                • MozCon
                • Webinars
                • Practical Marketer Series
                • MozPod
                Connect with us

                Contact the Help team

                Join our newsletter
                Moz logo
                © 2021 - 2026 SEOMoz, Inc., a Ziff Davis company. All rights reserved. Moz is a registered trademark of SEOMoz, Inc.
                • Accessibility
                • Terms of Use
                • Privacy