Как это прежде всего проблема с шрифтом, альтернативы - использовать загружаемый шрифт, также известный как веб-шрифт, через @font-face
и использовать изображения вместо символов. Я написал «в первую очередь», потому что есть дополнительная трудность: некоторые браузеры не будут отображать некоторые символы, если они не могут быть найдены в шрифтах, перечисленных в соответствующем списке font-family
. Об общих соображениях по этим вопросам см. Мой Guide to using special characters in HTML.
В этом специальном случае символ «✓» может вызвать проблемы, поскольку он присутствует в относительно небольшом числе шрифтов. В большинстве случаев я ожидал, что остальные будут в порядке, но мое ожидание было неправильным: Android (2.x) показывает ▲ и ▼ ОК, но не ◄ и ►.
Использование загружаемого шрифта для получения отображаемых символов может быть излишним, поэтому лучше всего использовать изображения. Вы можете просто написать символ в какой-либо программе, используя подходящий шрифт большого размера, взять снимки экрана каждого и сохранить их как изображения. Затем вы будете использовать их через теги img
, устанавливая высоту изображений на подходящую высоту в CSS, используя блок em
. Причина в том, что таким образом они будут хорошо выглядеть в разных размерах шрифтов - приспосабливаясь к размеру шрифта, а масштабирование вниз имеет тенденцию давать лучшие результаты, чем масштабирование вверх.
Если вы придерживаетесь этого пути, тогда лучше всего представлять все изображения в формате ▲, ▼, ◄, ►, чтобы сделать их стилистически подходящими.
Это может быть полезно http://stackoverflow.com/questions/1696619/displaying-unicode-symbols-in-html –