Специальные символы Unicode выглядят по-разному в Firefox и Chrome / IE - PullRequest
2 голосов
/ 08 января 2011

Я пытаюсь найти способ, чтобы дингбаты выглядели одинаково в Firefox, Chrome, Safari и IE.

Я заметил, что дингбаты в IE / Chrome / Safari выглядят одинаково, ОДНАКО - в Firefox - они выглядят «тоньше». Например - попробуйте посетить следующую страницу: http://en.wikipedia.org/wiki/Dingbat Вы заметите, что при просмотре этой страницы в Firefox символы выглядят иначе, чем в Chrome / IE.

Кто-нибудь знает, почему и как я могу заставить Firefox отображать символы ТОЧНО, как они появляются в Chrome / IE?

Ответы [ 2 ]

3 голосов
/ 08 января 2011

Я пытаюсь найти способ, чтобы дингбаты выглядели одинаково

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

Для меня большинство символов на этой странице не отображаются в IE или WebKit. IE традиционно имеет более низкий запас шрифтов, чем в среднем, а Firefox обычно лучше, чем в среднем. Шрифт, который Firefox и Opera могут выбрать для отображения символов для меня, - это Meiryo (японский шрифт, установленный в Windows Vista и более поздних версиях). В IE и WebKit он использует гораздо более ограниченный набор символов, доступных в Arial, оставляя большинство символов пропущенными.

Таким образом, для наилучшего отображения символов символов, как вы хотите, делайте то же, что и для других символов, и укажите нужный шрифт, например. CSS font-family: Meiryo. Но, конечно, любой, у кого не установлен этот шрифт, получит что-то другое, и настройки браузера / ОС могут изменить способ отображения шрифтов в целом.

Символы символов из набора Zapf Dingbats небезопасны для использования в Интернете, поскольку базовые наборы шрифтов по умолчанию, устанавливаемые операционными системами, обычно не включают глифы для большинства из них. («Wingdings» в Windows делает, но это устаревший шрифт с настраиваемым сопоставлением, который помещает символы в символы ASCII вместо того, где они должны быть в Unicode, поэтому, опять же, это небезопасно для использования в Интернете.)

Есть несколько символов символов, которые вы обычно можете использовать для общедоступных наборов шрифтов, например:

● ■ ☺ ☻ ♥ ♦ ♣ ♠ • ▲ ▼

другие, я бы постарался избежать.

1 голос
/ 08 января 2011

Интересно ... На компьютере MacOS X 10.6.6 с Firefox 3.6.13 и Chrome 8.0.552.231 страницы Википедии отображают первую таблицу, дингбаты ITC Zapf, немного по-другому.Эффект наиболее заметен на сплошном полукруге в нижнем левом углу набора символов.

Основная таблица Unicode Dingbats отрисовывает почти то же самое;Firefox генерирует блоки, содержащие 4 шестнадцатеричные цифры пропущенного символа для пропущенных символов, но Chrome просто создает пустые поля - я предпочитаю технику Firefox.

Браузеры должны либо использовать немного другие шрифты, либо немного другие размеры шрифтахотя я не могу обнаружить разницу в размерах на глаз).Я не смотрел на HTML-код, который отображается.

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

...