عرض الخط السيئ كروم

Question

كيف أصلح هذا?

أولا" د " يتم تقديمها على كروم 31.0.1650.63 م والثانية يتم تقديمها على إي 11.

تحديث:

مضيفا -webkit-font-smoothing: antialiased; المشكلة لا تزال قائمة...

يمكن أن يكون مشكلة مع بطاقة الفيديو?

تحديث 2:

رمز الخط المغلق:

 @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

هذه مشكلة في محرك عرض الكروم ولكن يبدو أن هذا سيتم إصلاحه أخيرا.انظر https://plus.google.com/u/0/+FrancoisBeaufort/posts/PGPpiQr6bwi

القضية هي على بوجتاكر الكروم:https://code.google.com/p/chromium/issues/detail?id=333029 https://code.google.com/p/chromium/issues/detail?id=25541

تحرير:
تمت إضافة دعم ديريكتوريت التي تمكن تقديم الخط جميلة للكروم 37. (المصدر: https://code.google.com/p/chromium/issues/detail?id=25541#c152)

Answer 2

هذه مشكلة مع كروم نفسه.المشكلة موجودة فقط على كروم ويندوز.أجهزة ماكينتوش ومستخدمي لينكس من كروم لم يكن لديك هذه المشكلة.لا يوجد شيء يمكنك القيام به حقا حيال ذلك.

Answer 3

هل حاولت إضافة هذا المغلق إلى كروم واحد?

-webkit-font-smoothing: antialiased

إعطاء أن رصاصة واحدة ومعرفة ما اذا كان يساعد.

Answer 4

كان لي نفس المشكلة والرمز التالي هو أفضل عمل حول أن وجدت.بطريقة أو بأخرى إذا قمت بإخفاء وإعادة إظهار محتوى الجسم سيتم تحميل الخط بشكل صحيح نأمل أن يساعد هذا

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

لقد وجدت أن إعطاء ملفات الخط سفغ أولوية أعلى يحل المشكلة.

@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');
}