Шрифт Span не отображается правильно

Question

В моем теге на веб-сайте теги показаны плохо текстом (например, снизу). snapshot

, но ярлык с надписью показан гладко.

Я пытался добавить ниже CSS атрибуты, чтобы сделать лучше, но я не получил результат:

.yekan-font { 
    font-family: 'Yekan', Tahoma; 
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004); 
    text-rendering: optimizeLegibility !important; 
    -webkit-font-smoothing: antialiased !important; 
} 

как сглаживать шрифт в HTML-теги?

, пожалуйста, помогите мне.

Answer 1

Пожалуйста, попробуйте следующее:

-moz-osx-font-smoothing: grayscale; 
text-shadow: 1px 1px 1px rgba(0,0,0,0.004);