Шрифт/текст, появляющийся размытый на устройствах iOS (HTML/CSS) ⇐ IOS

[Anonymous]

Я нахожусь в середине тестирования своего сайта и заметил, что на устройствах iOS навигация (скользящая навигация) и текст нижнего колонтитула размыта. < /p>

Это нигде не происходит и не появляется ни в одном другом браузере /платформе. < /p>

Я использовал -webkit-font-smothing: intialiased; Но не повезло решить эту проблему. < /p>

css: < /p>

#nav {
a {
display: block;
padding: 20px 25px 22px;
position: relative;
-webkit-font-smoothing: antialiased;

h1 {
@include font-size(13);
color: #747678;
font-weight: 700;
margin: 0 0 10px 0;
padding: 0px;
text-transform: uppercase;
letter-spacing: 1px;
}

h2 {
@include font-size(18);
line-height: 24px;
margin: 0;
padding: 0;
color: #0072ac;
font-weight: normal;
}

h3 {
@include font-size(14);
margin: 8px 0 0;
padding-right: 20px;
color: #0072ac;
font-weight: 300;
}

&:hover {
.supports-no-touch & {
background-color: #007dba;
h1, h2 {
color: #FFF;
font-weight: 500;
}
h3{
color: #d5e9f3;
}
}
}
}
}
< /code>

html (с Ruby) < /p>

Это то, что видно в список < /p>



{{categoryLabel}}
{{title}}


< /code>

Заранее спасибо. < /p>

Скотт < /p>

Подробнее здесь: https://stackoverflow.com/questions/252 ... s-html-css