Специальные символы отрисовываются с места в Firefox - PullRequest
Новая
       53

Специальные символы отрисовываются с места в Firefox

0 голосов
/ 14 мая 2018

Я создаю веб-сайт с использованием Google Fonts. В частности, я использую «Archivo Black».

Шрифт поддерживает специальные символы, такие как акценты и другие, однако в Firefox эти акценты отображаются в действительно странном положении ... а в Chrome они выглядят идеально.

Я искал все вокруг, но я не думаю, что есть способ контролировать положение таких элементов с помощью CSS, поэтому я действительно не понимаю, почему это может происходить.

На рисунках ниже я просто выделяю один случай, когда это происходит, но если вы посмотрите поближе, вы увидите, что это постоянная проблема.

enter image description here enter image description here

1 Ответ

0 голосов
/ 14 мая 2018

Возможно, проблема в том, что вы используете 'КОМБИНИРОВАНИЕ ОСТРОГО АКЦЕНТА' (U + 0301) вместе с символом U вместо 'LATIN SMALL LETTER U WITH ACUTE' ( U + 00FA) Ú.

Прежний набор символов отсутствует в вашем шрифте, поэтому браузер должен использовать другой системный шрифт, поэтому он может отображаться неправильно. Вы можете проверить это на панели шрифтов ваших dev-tools.
Однако ваш шрифт имеет символ Ú, поэтому, если вы исправите его в своей разметке, вы должны быть хороши во всех браузерах. 

@import url('https://fonts.googleapis.com/css?family=Archivo+Black');
body{
  font-family: 'Archivo Black', sans-serif;
}
<div>MU&#x301;SICA (U +  &#x301; )</div>

<div>MÚSICA (Ú)</div>
...