web-dev-qa-db-fra.com

La police Roboto dans Chrome ne s'affiche pas correctement

Je travaille pour un site client et le problème de rendu de la police Roboto est problématique.

Sous Chrome (version 43.0.2357.65 m), tous les poids de Roboto sont identiques. Voici l'exemple: Left is Mozilla Firefox , right is Chrome http://i.stack.imgur.com/dX4Lx.jpg

Avez-vous une idée de ce qui ne va pas?

je vous remercie

htmlcssgoogle-chromewebroboto
9
Kailo

C'est vraiment dommage, mais l'ancienne version de Roboto est installée sur mon PC.
Depuis que j'ai supprimé, tout fonctionne à nouveau correctement.

Je devrais faire face moi-même dur. 

13
Kailo

J'ai la même version et ça marche.

Essayez d'inclure la police dans CSS avec ce code

@import url(http://fonts.googleapis.com/css?family=Roboto:400,400italic,500,500italic,700,700italic,900,900italic,300italic,300,100italic,100);

body {
   font-family: 'Roboto', sans-serif;
}

Et définissez le font-weight: 300; par exemple et voyez si cela fonctionne.

6
hope

Si vous utilisez @fontface evert browser, utilisez un format de police différent, ainsi le css complet se présente comme suit:

@font-face {
  font-family: 'MyWebFont';
  src: url('webfont.eot'); /* IE9 Compat Modes */
  src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('webfont.woff2') format('woff2'), /* Super Modern Browsers */
       url('webfont.woff') format('woff'), /* Pretty Modern Browsers */
       url('webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

Mais comme suggéré en utilisant les polices de Google, vous ne devriez avoir aucun problème.

1
Germano Plebani

J'ai eu le même problème, pour moi ce qui a fonctionné a été de calibrer mes moniteurs et:

  1. Allez sur chrome: // flags /
  2. Toile 2D accélérée -> Activer
  3. Espace de travail 2D -> Activer Reboot Chrome.
0
Daniela Todorova

J'ai eu un problème similaire. J'ai remarqué que toutes les périodes sont carrées et non circulaires. Téléchargez une nouvelle copie de la police Roboto ici et réinstallez-la sur votre ordinateur.

0
spotr

Si vous utilisez Creative Cloud d'Adobe et que Roboto est défini en tant que police, vous risquez de rencontrer des problèmes tels que toutes les choses dans Chrome, puis Roboto Bold. J'ai désactivé la police d'Adobe Fonts et mon problème a été résolu, mais dans certains produits Google tels que GMAIL, Sans Serif est en gras et vous ne pouvez pas désactiver les caractères gras. Je ne sais pas pourquoi et je ne trouve aucune bonne information sur la façon de résoudre ce problème.

0
Tony Zeoli

Dans mon cas, pour un site en hébreu, le font-weight était défini sur 900 et le résultat était affiché différemment dans les navigateurs Firefox et Chrome, même si j'avais suivi les règles d'incorporation de Google-Font correctement:

//For example:
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,700,900" rel="stylesheet">

Solution: Je viens de mettre à jour le font-weight en 700 au lieu de 900 et le problème a été résolu.

0
Reza Mamun