Как подключить нестандартный шрифт для Mac?

Question

[Кристина]

Здравствуйте!
Подключила шрифты таким образом:

@font-face{
  font-family: "HelveticaNeueCyr-UltraLight";
  src: url("HelveticaNeueCyr-UltraLight.otf");
}
@font-face{
  font-family: "HelveticaNeueCyr-Light";
  src: url("HelveticaNeueCyr-Light.otf");
}
@font-face{
  font-family: "HelveticaNeueCyr-Bold";
  src: url("HelveticaNeueCyr-Bold.otf");
}
@font-face{
  font-family: "HelveticaNeueCyr-Roman";
  src: url("HelveticaNeueCyr-Roman.otf");
}
@font-face{
  font-family: "ProximaNova-Regular";
  src: url("ProximaNova-Regular.ttf");
}

Нам Mac не отображаются.
Подскажите пожалуйста, в каком формате должны быть.
Спасибо!

Comments

[Ankhena]

Генератор веб шрифтов вам в помощь https://web-font-generator.com/

Answer 1

[Сергей Горячев]

Кроссбраузерно.

@font-face {
    font-family: 'roboto';
    src: url('../fonts/roboto_regular.eot');
    src: url('../fonts/roboto_regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto_regular.woff2') format('woff2'),
         url('../fonts/roboto_regular.woff') format('woff'),
         url('../fonts/roboto_regular.ttf') format('truetype'),
         url('../fonts/roboto_regular.svg#roboto') format('svg');
    font-weight: normal;
    font-style: normal;
}