@ font-face: Акцентированные символы не отображаются справа - только в Safari

Я использую официальный веб-сайт через @ font-face на веб-сайте. Акцентированные символы, такие как «é», отлично отображаются в Chrome/Firefox, но они отображают шрифт по умолчанию (например, Arial) в Safari. Файлы шрифтов включают все эти символы.@ font-face: Акцентированные символы не отображаются справа - только в Safari

Chrome:

Safari:

Вот декларация @ шрифт-лицо используется:

@font-face { 
    font-family: 'simplon_bp_mono_lightlight'; 
    src: url('fonts/SimplonMono-Light-WebS.eot'); /* IE9 Compat Modes */ 
    src: url('fonts/SimplonMono-Light-WebS.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ 
     url('fonts/SimplonMono-Light-WebS.woff2') format('woff2'), /* Super Modern Browsers */ 
     url('fonts/SimplonMono-Light-WebS.woff') format('woff'), /* Pretty Modern Browsers */ 
     url('fonts/SimplonMono-Light-WebS.ttf') format('truetype'), /* Safari, Android, iOS */ 
     url('fonts/SimplonMono-Light-WebS.webfont.svg#svgFontName') format('svg'); /* Legacy iOS */ 
}

Я попытался это решение, но Бесполезный Работа: Symbols in @font-face font are not displayed in Safari 5, are displayed correctly in Safari 6 and other browsers

Я пропустил что-то очевидное?

источник

2016-09-29 guylabbe.ca

Это шрифт, который вы купили? Я нашел эту статью, которая может вам помочь: http://stackoverflow.com/questions/7997591/some-character-not-work-with-fontsquirrel-webfont – adamk22

Вы проверили, использует ли Safari другой файл шрифта, чем другие браузеры? Вы говорите, что шрифт содержит эти символы, но вы просмотрели все файлы? –

Спасибо за ваши ответы! Да, я купил шрифт, он снабжен всеми веб-файлами (указанными в моей декларации @ font-face). Однако перед использованием этой официальной версии в Интернете я преобразовал файл TTF через FontSquirrel. Это привело к той же проблеме (именно поэтому я купил веб-версию, надеясь, что это решит это). Я подтверждаю, что Safari использует .woff-файл; Я заставил Chrome использовать тот же (вместо woff2), и он по-прежнему отображается правильно в Chrome, что доказывает, что файлы в порядке. (Обратите внимание, что исходный файл шрифта содержит символы с акцентом, он работает нормально в Chrome) –

OK Я понял. Кажется, что акцентированные персонажи отличаются от обычных. Мой клиент может иметь скопированный текст из Word (я думаю), потому что если я вручную переписал каждый символ, он будет работать. Это действительно странно, потому что, если я смотрю на исходный HTML, символы действительно выглядят одинаково. Это глупый результат, но все же, возможно, это поможет кому-то в будущем. Если у кого-то есть объяснение этой разницы между персонажами, несмотря на то, что он выглядит точно так же (и правильно отображается в Chrome), мне было бы интересно узнать об этом.

источник

2016-10-02 13:42:59

Спасибо за это. Точная же проблема с клиентом, вставляющим текст из Word в WordPress. Если кто-нибудь знает, как объяснить это явление, мне было бы очень интересно. – jorisw

Большое спасибо, мне было бы очень интересно получить объяснение проблемы! –

@ Jean-BaptisteMartin Просто отформатируйте текст в текстовом редакторе, чтобы удалить странные символы. –

@ font-face: Акцентированные символы не отображаются справа - только в Safari

ответ

Смежные вопросы