Chrome отображает поля вместо текста в Windows (Vista) - PullRequest
Новая
       29

Chrome отображает поля вместо текста в Windows (Vista)

3 голосов
/ 28 июня 2011

Для веб-сайта, который я разрабатываю, я использую несколько @ font-face для стилизации определенных текстов.Для одного из моих шрифтов он отлично отображается во всех браузерах для Mac и Windows, за одним исключением, Chrome для Windows (это происходит в Vista и Windows 7).

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

Я проверил Chrome для Mac, и проблема не существует.Я осмотрелся в Интернете и обнаружил, что Chrome отображает квадраты / квадраты, когда он не может правильно отображать символы / шрифты, например на японских / китайских сайтах.Кажется, что ни одно из упомянутых решений, таких как очистка кэша или перезапуск моей компы, не работает.

Я не уверен, что здесь применимы какие-либо из этих случаев, так как мой шрифт появляется на сайте, нотолько пробелы отображаются в виде квадратов.Этого не происходит ни с одним из других шрифтов @ font-face, которые я использую.

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

Я бы прикрепил ссылку, но проект сейчас находится на сервере разработки.

Кто-нибудь еще сталкивался с этой проблемой, и у кого-нибудь есть идеи, как решить эту проблему рендеринга?

Ответы [ 3 ]

1 голос
/ 14 февраля 2017

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

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

В моем случае я работал с дизайнером и копировал текст из файла AI, и я думаю, что были некоторые скрытые символы, которые копировались.

1 голос
/ 18 января 2018

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

В моем случае я взломал свой мозг различными решениями, но ни один не дал мне результатов работы свсе совместимость с браузерами .. после небольшой попытки я нашел решение, которое состоит в следующем:

Если вы набрали nudi, bharaha или любые символы, отличные от Юникода, тогда это будет работать (Мой тест был включенnudi)

  1. введите текст в любое программное обеспечение, которое вам нужно
  2. попробуйте онлайн-конвертер для не-Unicode в Unicode (я использовал http://aravindavk.in/ascii2unicode/)

  3. затем попробуйте фрагмент кода ниже 

      <style>
  @font-face {
    font-family: kannadanudi;
    src: url('https://github.com/googlei18n/noto-fonts/raw/master/unhinted/NotoSansKannada-Regular.ttf');
  }
  </style>

  <p style="font-family: kannadanudi;">
  ನಮ್ಮ ಮಾತು  
  </p>

Где, в котором из приведенного выше кода вы можете либо загрузить и указать локальный путь шрифта, либо вы можете напрямую связать URL-адрес github.было то, что я сделал, чтобы решить мою проблему .. Заранее спасибо. Если у кого-то есть сомнения, то можете прокомментировать это.

0 голосов
/ 31 августа 2011

Я просто искал этот ответ сам, попробовав много разных подходов в этом году. Я наконец решил это, добавив символы юникода в генератор шрифтов.

Краткий ответ - добавить это в настройки Font Squirrel для Unicode Range: 

0085, 000A, 000B, 000C, 000D, 2028, 2029

Длинный ответ доступен на этот вопрос: Chrome 10 / Windows @ проблема кодирования шрифта

...