Различные шрифты отображаются в Mac и Windows

Question

Я использую flex-приложение и использую семейство шрифтов arial. Моя проблема в том, что ариальные шрифты отображаются в окнах, в то время как на Mac они заменены на Times New Roman. (Шрифт Arial есть в обеих системах). В чем может быть проблема ??

Answer 1

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

Во-первых, он немного увеличит размер вашего SWF, потому что он создает контуры каждого символа в наборе шрифтов, который вы используете. Чтобы решить эту проблему, вы должны ограничить количество встроенных символов - если это возможно. Вы можете узнать больше о диапазонах здесь .

Кроме того, помните, что вам нужно также встраивать жирный и курсив , если вы используете их в своем приложении.

Другими словами, что-то вроде этого:

@font-face {
    src: url("/style/MyriadNormal.ttf") ;
    fontFamily: Myriad;
    fontWeight: normal;
    unicode-range: U+0021-U+007B; /* whole range of uppercase, lowercase, symbols and punctuation. */
}

@font-face {
    src: url("/style/MyriadBold.ttf") ;
    fontFamily: Myriad;
    fontWeight: bold;
    unicode-range: U+0021-U+007B; /* whole range of uppercase, lowercase, symbols and punctuation. */
}

Помните, что каждая версия встраиваемого шрифта будет также увеличивать размер SWF - поэтому, если вы встраиваете обычный, жирный и курсивный шрифт, вы увеличиваете его в три раза.

Answer 2

На вашем месте я бы встраивал шрифт в ваше приложение, потому что вы никогда не знаете, есть ли у пользователя шрифт на его компьютере. Более того, при использовании системных шрифтов рендеринг может несколько отличаться для ПК и Mac

.