Mala representación de la fuente cromada

Question

¿Cómo arregro esto?

Primero "D" se representa en Chrome 31.0.1650.63 my el segundo se representa en IE11.

Actualizar:

Añadiendo -webkit-font-smoothing: antialiased; El problema permanece ...

¡Podría ser un problema con la tarjeta de video?

Actualizar 2:

Código de fuente CSS:

 @font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(../font/font1.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(../font/font2.woff) format('woff');
}

Answer 1

Este es un problema con el motor de representación cromado, pero parece que esto finalmente se arreglará.Consulte https://plus.google.com/u/0/+francoisbeaufort/Publicaciones / PGPPIQR6BWI

El problema está en el bugtracker de Chromium: https://code.google.com/p/chromium/issues/detail? id= 333029 https://code.google.com/p/chromium/issues/detail? id= 25541

Editar:
el soporte de escritura que permite que se haya agregado una prestación de fuentes bonita a Chrome 37. (Fuente: https://code.google.com/p/¿Cromo / problema / detalle? ID= 25541 # C152 )

Answer 2

Este es un problema con el propio Chrome.El problema solo existe en Chrome para Windows.Los usuarios de Mac y Linux de Chrome no tienen este problema.No hay nada que realmente puedas hacer al respecto.

Answer 3

¿Has intentado agregar este CSS al cromo?

-webkit-font-smoothing: antialiased

Dale un tiro y vea si ayuda.

Answer 4

Tuve el mismo problema y el siguiente código es el mejor trabajo que encontré.De alguna manera, si se esconde y vuelve a mostrar el contenido del cuerpo, la fuente se cargará correctamente Espero que esto ayude a

body {
    -webkit-animation-delay: 0.1s;
    -webkit-animation-name: fontfix;
    -webkit-animation-duration: 0.1s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    font-family: folio_medium;
}

@-webkit-keyframes fontfix {
    from { opacity: 1; }
    to   { opacity: 1; }
}

Answer 5

Encontré que dar prioridad a la mayor prioridad de los archivos de fuente SVG.

@font-face {
  font-family: 'HelveticaNeueLTStd-Bd';
  src: url('../assets/fonts/helvetica/2B7A70_0_0.svg#wf') format('svg'), // first means higher priority
  url('../assets/fonts/helvetica/2B7A70_0_0.eot');
}