Ваше имя свойства CSS имеет опечатку, font-familiy
вместо font-family
, поэтому объявление игнорируется. Однако объявление в любом случае не сильно повлияет на рендеринг, поскольку Arial не содержит используемых специальных символов. Это означает, что браузеры будут пытаться подбирать глифы из разных шрифтов, и их методы могут отличаться; IE печально известен тем, что во многих случаях он этого не делает: он часто не может отобразить символ, даже если какой-то шрифт в системе содержит его.
Чтобы улучшить визуализацию, вам необходимо проанализировать поддержку различных символов в общедоступных шрифтах и написать подходящие списки в качестве значений для свойства font-family
. Вы можете определить разные списки для разных символов, заключив их в элементы span
(или, почему бы и нет, font
).
Например, первый специальный символ U + 2AF8 (⫸
) присутствует только в нескольких шрифтах, хотя в дополнение к перечисленным в
http://www.fileformat.info/info/unicode/char/2af8/fontsupport.htm
шрифт Cambria Math также содержит его. Таким образом, вы могли бы использовать для этого
font-family: Cambria Math, Symbola, Quivira, STIX, Code2000;
Вам также следует установить для свойства line-height
для элемента вмещающего блока (например, p
) разумное значение, например 1,3. В противном случае очень большая высота строки в Cambria Math может привести к слишком большому расстоянию между строками.