web-dev-qa-db-fra.com

Le cache de Google n'utilise pas ma police personnalisée.

Lorsque je consulte la recherche en cache de mon site sur Google Search, je constate que Google n'utilise pas ma police personnalisée, elle remplace toujours la mienne par Arial. À cause de la largeur des polices, toute ma conception change.

J'ai ces lignes sur mon fichier CSS, et tout est ok sur les vues desktop et mobile:

@font-face {
font-family: 'helveticaneuelt_std_lt_cnRg';
src: url('http://www.example.com/css/helveticaneueltstd.eot');
src: url('http://www.example.com/css/helveticaneueltstd.eot?#iefix') format('embedded-opentype'),
url('http://www.example.com/css/helveticaneueltstd.svg') format('svg'),
     url('http://www.example.com/css/helveticaneueltstd.woff') format('woff'),
     url('http://www.example.com/css/helveticaneueltstd.ttf') format('truetype');
    font-weight: normal;
font-style: normal; }

Savez-vous pourquoi le système de cache de Google n’utilise pas ma police personnalisée?

Site d'origine: goo.gl/0CCIc8
Vue du cache: goo.gl/7NR4E1

MISE À JOUR: J'ai trouvé une solution en utilisant des polices avec mod base64.

cssfontscss3google-cache
2
deniz

Il est normal que les sites aient un aspect légèrement différent en mode cache. Le cache essaie généralement de charger les ressources de votre serveur. C'est problématique quand:

  • Les utilisateurs utilisent le cache parce que votre site est en panne ou lent
  • Les ressources ne sont pas autorisées par le navigateur pour être chargées entre domaines

Ce dernier peut être le problème avec les polices. Il semble que vous ayez trouvé une solution de contournement en codant les polices à l'aide de base64 dans votre fichier CSS.

La plupart des webmasters ne s'inquiètent pas beaucoup de l'apparence de leur site dans le cache de Google. Afficher mal dans le cache n'affecte pas les classements. De toute façon, seul un petit pourcentage d’utilisateurs voit votre site de cette manière.

1
Stephen Ostermiller