Google Fonts и ACF не будут корректно отображаться в Firefox и IE

Я искал вокруг и не мог найти ответа на эти ошибки, если я использую Google Fonts (поддерживается åäö) и Дополнительные пользовательские поля (ACF) для мой веб-сайт. It looks like this, ignore that one is blue Google Fonts и ACF не будут корректно отображаться в Firefox и IE

Проблема заключается только в том, что ACF печатает åäö.
Проблема только для шрифтов Google, я использую PT serif.
Проблема только в Firefox и IE
Когда я «Проверяю элемент» и добавляю åäö к тому же элементу, добавленные отображаются корректно.

Любые вопросы, почему это не работает?

источник

2017-01-09 user2891787

попробуйте эту ссылку https://developer.yahoo.com/yui/reset/ –

дай мне знать, если эта работа –

еще такая же проблема, к сожалению, – user2891787

Попробуйте это в вашем CSS, создайте следующий «новый» шрифт:

@font-face { 
    font-family: 'Custom PT Sans';  
    src: url(http://themes.googleusercontent.com/static/fonts/ptsans/v6/jKK4-V0JufJQJHow6k6stALUuEpTyoUstqEm5AMlJo4.woff) format('woff'); 
    font-weight: normal; 
    font-style: normal; 
}

URL-адрес шрифта тот же ваш браузер использует при вложении WebFont Google.

Получить URL здесь http://fonts.googleapis.com/css?family=PT+Sans:400,700&subset=latin,latin-ext

Вы также можете переименовать @ шрифт лицу пользовательских шрифтов семьи псевдоним.

Создать простое правило CSS, чтобы использовать этот таргетирование шрифта Browser/OS или оба:

.mac .navigation a {  
    font-family: "Custom PT Sans", "PT Sans", sans-serif; 
}

Или

.mac.webkit p { 
    font-family: "Custom PT Sans", "PT Sans", sans-serif; 
}

источник

2017-01-09 21:54:53

Спасибо за ответ, но кольца и точки на åäö все еще отображаются на стороне буквы. – user2891787

Настоящая странная часть, в которой моя голова вращается, заключается в том, что ошибка появляется ТОЛЬКО, когда расширенные настраиваемые поля печатают текст. И я использую шрифты Google. – user2891787

Окей, после копирования моих волос в течение нескольких дней, я, наконец, нашел проблему. Эти данные вызывают проблемы. И комбинация инструментов, которые я использовал, сделала ее видимой.

Весь текст был скопирован из PDF прямо в расширенные пользовательские поля (в wordpress). Поэтому я исхожу из того, что как-то åäö был спасен в каком-то странном формате, заставив его стать двумя частями при сохранении в ACF. например. A был отделен от ¨

Это появилось только в некоторых шрифтах в некоторых браузерах по какой-то нечетной причине.

Итак, решение состоит в том, чтобы переписать åäö или просто скопировать весь текст в текстовый редактор, а затем в ACF снова.

Надеется, что это помогает кто-нибудь

источник

2017-01-11 20:36:10 user2891787

Google Fonts и ACF не будут корректно отображаться в Firefox и IE

ответ

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