logo
Welcome to our new AbleCommerce forums. As a guest, you may view the information here. To post to this forum, you must have a registered account with us, either as a new user evaluating AbleCommerce or an existing user of the application. For all questions related to the older version of Gold and earlier, please go to AbleCommerce Gold forum. Please use your AbleCommerce username and password to Login. New Registrations are disabled.

Notification

Icon
Error
CSS Font Files in Ablecommerce - what Google hates
Options
Go to last post Go to first unread
Previous Topic Next Topic
ray22901031  
#1 Posted : Friday, December 17, 2021 5:43:09 AM(UTC)
ray22901031

Rank: Advanced Member

Groups: Authorized User, Developers
Joined: 2/17/2019(UTC)
Posts: 827

Thanks: 3 times
Was thanked: 13 time(s) in 13 post(s)
This is more of a CSS question, but I figured I'll ask anyway to see if support can help.

My objective: To ensure text remains visible during webfont load, especially when it comes to mobile devices.

I have already modified the fonts.css in my custom theme to include "font-display: swap;" in every single line item where you have @font-face. This is working and is no longer creating problems with Google.

But Google seems to be having issues with the "font-awesome.min.css" file, which I may need to un-minimize to apply the above fix.

My first question is: What is the purpose of this "font-awesome.min.css" file?

Second question, What exactly is this?
../fonts/fontawesome-webfont.woff2?v=4.4.0

Whatever it is, Google hates it.

Many thanks
Back to top

Wanna join the discussion?! Login to your AbleCommerce Forums forum account. New Registrations are disabled.
Back to top  
shaharyar  
#2 Posted : Friday, December 17, 2021 8:44:49 AM(UTC)
shaharyar

Rank: Advanced Member

Groups: Admin, Developers, Registered, HelpDesk, Authorized User
Joined: 10/5/2018(UTC)
Posts: 703

Thanks: 5 times
Was thanked: 113 time(s) in 112 post(s)
We are using font awesome library to render icons in the application. font-awesome.min.css This is the style sheet for the library.
We are using version 4 of the library.

You can review this site to get an overview
https://fontawesome.com
Back to top
ray22901031  
#3 Posted : Friday, December 17, 2021 9:03:48 AM(UTC)
ray22901031

Rank: Advanced Member

Groups: Authorized User, Developers
Joined: 2/17/2019(UTC)
Posts: 827

Thanks: 3 times
Was thanked: 13 time(s) in 13 post(s)
Thank you for your reply, I figured as much after decompressing the file. After review, it was an easy fix. I just needed to apply the "font-display: swap" to the very beginning of the file, and it took care of the Google concerns.

Thanks again.
Back to top
Users browsing this topic
Guest
Forum Jump  
You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.

Privacy Policy | Powered by YAF.NET 2.2.4.14 | YAF.NET © 2003-2024, Yet Another Forum.NET
This page was generated in 0.127 seconds.