Сегодня я столкнулся с непонятной проблемой, используя веб-шрифт Google «Source Sans Pro». По какой-то причине весь текст на моем сайте внезапно изменился на курсив.Веб-сайт, показывающий курсивный текст с использованием шрифта Google (источник Sans Pro)
Это происходит в Safari, Chrome и Firefox.
Когда я изменил шрифт на другой (например, «Open Sans»), курсив изменился на обычный. Аналогично, когда я просто удалил шрифт и упал обратно на начальную загрузку.
Мне удалось исправить это, добавив «font-weight: 300;» или 700 в теги тела и заголовка, но если я изменю это значение до 400, я снова получу курсив! Я действительно не уверен, почему это произошло?
шрифт добавлен в Wordpress functions.php следующим образом:
// Load Google Fonts
function load_fonts() {
wp_register_style('mat-googleFonts', 'http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700');
wp_enqueue_style('mat-googleFonts');
}
add_action('wp_print_styles', 'load_fonts');
это, кажется, 400-вес вызывает проблемы, так как при удалении шрифта делает хорошо.
Вы ссылаетесь на шрифт CDN или вы определяете свой собственный шрифт @ font-face? –
Можете ли вы сделать скрипку или фрагмент? Попробуйте воссоздать проблему. – dowomenfart
Может быть, это может быть из другого стиля? Не могли бы вы показать некоторые css? Возможно, попробуйте найти таблицу стилей для «курсива» и посмотреть, где у вас она есть. – ajmajmajma