Google Web Font по -разному отображается на мобильном сафари против настольных хрома?Html

Программисты Html
Ответить
Anonymous
 Google Web Font по -разному отображается на мобильном сафари против настольных хрома?

Сообщение Anonymous »

Google Web Font (Signika) по -разному отображается на рабочем столе по сравнению с мобильным. Как показано этими скриншотами, кернинг (пространство между буквами) больше на мобильных устройствах, чем на рабочем столе, а ход более тонкий. Буквы на рабочем столе также кажутся более четкими, хотя это более субъективно.

Desktop (chrome):

mobile (safari, ios 12):



strong: codep>

strong: strong> codep. />https://codepen.io/crashalot/pen/3ff682 ... 19b06f1285>


#pageBox h1 {
margin: 30px auto;
text-align: center;
}

h1 {
font-size: 2em;
font-weight: bold;
line-height: 1.2em;
}

h1,
h2,
h3,
h4 {
font-family: "Signika", Verdana, Tahoma, Arial, Sans-Serif;
color: #7C7A7D;
}< /code>








Icon Editor


< /code>
< /div>
< /div>
< /p>

часть Signika of Self-Hosted StyleShip: < /strong> < /p>

@font-face {
font-family: 'Signika';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/signika/v10 ... gk0w.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Signika';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/signika/v10 ... rZ0g.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


Подробнее здесь: https://stackoverflow.com/questions/591 ... top-chrome
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Html»