Почему слетают шрифты в фаерфокс

Обновлено: 03.07.2024

и он работает в Chrome / Chromium, Opera, Safari и IE (что означает, что шрифт действительно установлен на компьютере), но не в Firefox. Только в Firefox признает Arial .

и я пробовал с другими пользовательскими шрифтами (например, Century Gothic ) и он работает, поэтому он может распознавать пользовательские шрифты.

итог, Firefox не распознает Franklin Gothic Medium , ни Arial Narrow Bold даже хотя

они установлены в компьютере
он способен распознавать другие пользовательские шрифты

что здесь может происходить?

решение не является однозначным. Внешний вид шрифта зависит от браузера, ОС и, конечно, от того, какие шрифты доступны в системе клиента. Не принимайте этот ответ за чистую монету без дальнейшего тестирования на основе вашей целевой аудитории.

в Windows, начиная с Firefox 4 и IE9, шрифты отображаются с использованием DirectWrite вместо GDI. С момента этого изменения шрифты, такие как "Arial Narrow" и "Arial Black", считаются частью семьи Arial, а не отдельными семьями. Так что . Firefox, вы получаете доступ к Arial Narrow через обычное объявление Arial с некоторыми модификаторами. IE9 работает аналогичным образом, но, похоже, имеет некоторые прагматические Читы, которые заставляют его работать так, как разработчики привыкли.

Франклин Готик Медиум

все браузеры, кроме Firefox, понимают "Franklin Gothic Medium". Firefox не делает и переходит к следующему выбору, "Franklin Gothic", который вы, возможно, даже не думаете, что у вас есть, но именно там "Franklin Gothic Medium" живет в мире DirectWrite. при отсутствии каких-либо других модификаторов (курсив, жирный, растянуть), мой Firefox захватывает "Franklin Gothic Medium", когда указано "Franklin Gothic".

Arial Узкий Жирный

некоторые браузеры, такие как Chrome и IE7–8, распознают "Arial Narrow Bold". Но IE9 и Firefox этого не делают. IE9 распознает "Arial Narrow". Firefox падает до Arial. font-stretch: condensed сообщает Firefox использовать " Arial Narrow" версия Arial, и font-weight: 700; сообщает как IE9, так и Firefox для использования в" Arial Narrow Bold " версии насколько я могу сказать. Вес шрифта 600, 700, 800 и 900 вызывает полужирный шрифт для меня.

Franklin Gothic Medium с Arial узкий смелый резерв

теперь у вас есть "уловка-22".

если Firefox может найти "Franklin Gothic", вы в порядке, но если он не может, то он вернется к"Arial". Если вы используете font-stretch: condensed; font-weight: 700; в свою очередь, что в "Arial Narrow Bold", вы повлияете на внешний вид Франклина, когда Arial fallback не используется. Каждый браузер будет применять font-weight правило для Франклина, если Франклин доступен-не то, что вы хотите вообще. Если вы используете font-stretch: condensed и Firefox имеет доступ к Franklin, он будет послушно конденсировать его. (Я не видел этого ни в одном другом браузере.) В вашей конкретной ситуации я бы рассчитывал на то, что Firefox получит Франклина и примет, что регулярный Arial будет использоваться в качестве запасного варианта. Но добавив " Франклин готик" (для FF) и" Arial Narrow " (для IE9) собираются много помочь.

(на момент написания статьи Chrome находится в версии 21, а Firefox-в версии 14.)

Простой 2 комментария

Судя по начертанию кириллицы шрифт "PT Sans" не загрузился, а значит используется один из локально установленных шрифтов (Helvetica, Arial, sans-serif [смотреть в настойках FF]). Скорей всего один из этих шрифтов был заменен другим или поврежден.

Видно, что у вас для латиницы используется какой-то нестандартный шрифт.

Первое подозрение падает на вмешательство в страницы сайтов каким-то расширением. Для того чтобы проверить это - зайдите в about:profiles и перезапустите браузер без расширений. Если это поможет - ищите расширение, ответственное за это, отключая их по одному в about:addons .

Если это не поможет - попробуйте там же, в about:profiles создать новый профиль и перезапустить браузер с ним. Если это поможет - в основном профиле идите в about:config и смотрите настройки шрифтов, обращая внимание на нестандартные значения, они выделены bold'ом.

Если и это не поможет - то, очевидно, что-то не так с конфигурацией шрифтов а вашей операционной системе, но скорее всего какой-то из предыдущих пунктов должен помочь.

У меня такое было в Skype после того, как я в винду установил Эппловский шрифт SF UI (San Francisco UI).

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

Нагуглил, что если удалить шрифт SF UI, то все встанет на свои места. И это сработало.

Понятия не имею, как так коряво можно написать программу, что она самовольно выбирает шрифты, но попробуйте - посмотрите. И для начала установите на телефон приложение, которое по фото определяет шрифт из FF. В первую очередь нужно попробовать удалить его из системы (если конечно это не какая-нибудь Тахома или Arial)

после обновления FF до 56 слетели шрифты

Добрый день.
пару дней назад обновил Firefox до версии 56,0 (32-бит)

И при работе появились косяки со шрифтами.

Сайты созданные на Wordpress, но и не только, отображают текст квадратиками, до обновления этого не было.
Не все сайты, но с теми, с которыми нужно работать - глючат.

ОК, порылся в форумах, залез в настройки браузера и отключил галочку на "Разрешить веб-сайтам использовать свои шрифты вместо установленных выше"

Сайты стали нормально отображать текст,

НО появился новый косяк.
Работая в админке Wordpressa, в разделе "ТЕКСТ" весь код превратился в квадратики.

Прошу помощи!

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

Отредактировано Иван741 (05-10-2017 20:51:53)

№2 05-10-2017 22:22:11

Иван741
Не используйте шрифты, не поддерживающие кириллицу - например, замените шаблон в своём Вордпрессе на дефолтный, или поправьте в CSS соответствующие строки. В 80% красивых тем используются шрифты без кириллицы. Правда, браузер должен их не квадратиками показывать, а заменять на свой дефолтный шрифт. но это уже другой вопрос.

Отредактировано Yeesha (05-10-2017 22:24:46)

№3 05-10-2017 22:50:40

Вы имеете ввиду заменить тему WP на другую?
Но это невозможно, сайт уже создан и давно работает с этой темой. Только обновление браузера превратило текст в нерабочий вид.
Не знаю что и где менять в CSS, да и разьве это решит проблему?

Кстати, еще несколько сайтов, не знаю с какой сms, тоже отображает квадратики в тексте.

Например в панели управления Таймвеба слетели все пиктограммки.

Все проблемы со шрифтами появились сразу после обновления браузера.
До обновления все работало. Была 53 версия Файрфокса.

Да, на остальных браузерах (Opera и Хром), установленных на этом же компе, проблем со шрифтами нет.

В этой статье описывается, как настроить отображение веб-страниц, выбрав предпочитаемые вами стили шрифтов и цвета.

На Панели меню в верхней части экрана щёлкните Firefox и выберите Настройки . Нажмите на кнопку меню и выберите Настройки Настройки . Нажмите на кнопку меню и выберите Настройки .

Нестандартные шрифты

Некоторые веб-сайты используют свои нестандартные шрифты. Чтобы их отключить:

Другие параметры шрифтов

Из выпадающего списка Шрифты для набора символов в диалоговом окне Шрифты, выберите язык группы/скрипта.
- Например, чтобы установить шрифты по умолчанию для Западноевропейских языков/скриптов (Латинский), выберите Латиница. Для языков/скриптов отсутствующих в списке, выберите Другие системы письменности.
Выберите, должен ли текст быть с засечками (например "Times New Roman") или без засечек (например "Arial"). Затем укажите размер шрифта, который вы хотите установить для пропорционального текста.
Укажите шрифт, используемый с Засечками, без Засечек и Моноширинный шрифт. Вы также изменить размер для Моноширинных шрифтов .

Также вы можете установить наименьший размер шрифта для веб-страницы. Это полезно для предотвращения использования сайтами чрезмерно маленьких шрифтов, которые едва читаемы.

Кодировка текста для старых веб-страниц: Эта кодировка текста используется для старых веб-страниц, которые не указали свою кодировку.

Для изменения цвета шрифта:

Нестандартный цвет шрифта

Некоторые веб-сайты используют нестандартные цвета шрифтов. Чтобы их отключить:

Другие параметры для Цвета

Текст и фон: Здесь вы можете изменить цвет текста и фона по умолчанию для использования на веб-страницах, которые не указали эту информацию. Щёлкните по образцу цвета для выбора цвета из палитры.

Использовать системные цвета: Проверьте этот параметр параметр , чтобы использовать цвета, определенные в настройках операционной системы вместо цветов, указанных выше.

Цвет ссылок: Здесь вы можете изменить цвета по умолчанию для веб-ссылок. Щёлкните по образцу цвета для выбора цвета из палитры.

Подчёркивать ссылки: По умолчанию, ссылки подчеркнуты на веб-страницах. Снимите этот флажок флажок , чтобы отключить это. Обратите внимание, что многие сайты определяют свои собственные правила стиля и этот параметр параметр не будет иметь никакого эффекта на этих сайтах.
Заменять цвета, указанные страницей на выбранные выше цвета:
- Всегда: Выберите этот параметр параметр , чтобы заставить все сайты, использовать цвета по умолчанию.
- Только с контрастными темами: Этот параметр параметр заставит Firefox использовать цвета, указанные автором веб-страницы, кроме случаев, когда вы используете Высококонтрасные Темы Windows Linux .
- Никогда: Выберите этот параметр параметр , чтобы Firefox использовал цвета, указанные автором веб-страницы.
Примечание: Если позже вы захотите восстановить цвета по умолчанию:
1. Введите about:config в адресной строке и нажмите Enter Return .
  Может появиться страница с предупреждением. Щёлкните по Я принимаю на себя риск! Принять риск и продолжить , чтобы перейти на страницу about:config.
2. Наберите browser*color в строке Поиска.
3. Щёлкните правой кнопкой мыши Удерживая клавишу Control , щёлкните мышью по изменённым параметрам (отображаются жирным шрифтом).
4. Выберите Сбросить.
Firefox также включает в себя функцию масштабирования. Это позволяет увеличить размер текста на любой веб-странице. Дополнительные инструкции приведены в статье Размер шрифта и масштаб страниц - увеличьте размер веб-страниц.

Эти прекрасные люди помогли написать эту статью:

Станьте волонтёром

Растите и делитесь опытом с другими. Отвечайте на вопросы и улучшайте нашу базу знаний.

Читайте также: