В мае Microsoft официально предоставила шрифт Yahei, доступный для загрузки под Windows XP. Шрифт Yahei — почти идеальный шрифт, который решает проблему неразборчивости мелких символов в стиле Song, особенно для жидкокристаллических дисплеев (ЖК-дисплеев). После включения эффекта ClearType вы получите более совершенное визуальное удовольствие. Теперь я очарован Яхэем. Оглядываясь назад на систему, которая по умолчанию использовалась в династии Сун, я вижу, что неровные края слишком очевидны и уродливы.
Но проблема заключается в том, что шрифты Yahei будут иметь некоторые эффекты смещения при отображении макета веб-страницы в Internet Explorer. Проблемы, которые я обнаружил до сих пор, в основном существуют в двух аспектах.
1. Подчеркивания иногда становятся зачеркиваниями.
На самом деле это визуальное смещение, а не настоящее зачеркивание. В абзацах со смешанным английским и китайским текстами подчеркивания будут ломаться и становиться неровными.
Ниже приведена текстовая гиперссылка на китайском языке на главной странице google.cn:
Это явление проявляется только в китайских шрифтах, английские шрифты не затрагиваются:
Это будет еще более очевидно, если использовать смесь китайского и английского языков:
Видно, что подчеркивания были перенесены вверх везде, где есть китайские иероглифы, а английский язык не пострадал.
2. Меняется высота строки в Internet Explorer.
Ниже приведен снимок экрана гиперссылки с фоновым изображением в моем блоге:
Исходный обычный стиль шрифта Song теперь отображается ниже, что показывает, что высота строки была увеличена в Internet Explorer. Но в Firefox ничего не меняется.
3. Попробуйте решить проблему.
На скриншоте Google.cn мы обнаружили, что гиперссылка «Вход» справа является нормальной. Это показывает, что не все китайские гиперссылки имеют эту проблему. Я внимательно сравнил различия в их стилях. Я обнаружил, что ссылка слева имеет дополнительный стиль, чем «Вход» справа:
verter-align:top;
После того, как я заблокировал этот атрибут, все пошло нормально. На третьем скриншоте с "Форума Meizu" я обнаружил, что хотя в тексте не отображается вертикальное выравнивание, оно есть на следующих двух маленьких картинках:
вертикальное выравнивание:среднее,
удали это Две картинки спустя, все снова нормально.
Поэтому наверняка возникнут проблемы с использованием вертикального выравнивания в китайских гиперссылках (не каждый элемент имеет атрибут вертикального выравнивания). Самое простое решение — избегать использования вертикального выравнивания или valign или использования суперссылок. Ссылки подчеркнуты. Конечно, это не лучший способ правильно решить проблему.
Что касается проблемы, воспроизведенной в моем блоге, то она просто показывает, что шрифт Yahei приводит к увеличению высоты строки в Internet Explorer (Firefox отображает нормально). проблема, вам нужно контролировать только высоту, но это встроенный элемент, и высоту нельзя установить, поэтому вам нужно сотрудничать с disaply:block и затем исправить высоту (однако после установки атрибута блока произойдет автоматический перенос строк). может произойти. В этом случае вам необходимо использовать float и другие атрибуты вместе). Я обнаружил, что этот метод также может решить вышеуказанную проблему, поэтому лучше было бы исправить высоту гиперссылки.
Дополнительное примечание: я изменил шрифт по умолчанию на основе Windows XP, что может вызвать некоторые проблемы. Мне сложно определить, вызваны ли перечисленные выше два типа проблем самим шрифтом Yahei или другими неправильными настройками. . Мне не удалось выяснить, существует ли эта проблема при тестировании системы Vista. Если у кого-то есть такие условия, вы можете помочь ее протестировать.
Примечание. Эта проблема существует во всех версиях Internet Explorer, Firefox не затрагивается.