Использование пользовательского (ttf) шрифта в CSS

У меня есть mac, и вы установили шрифт под названием "7 сегмент" (он отображается в Font Book). Когда я использую font-family: "7 Segment";, я получаю Helvetica (или аналогичный), а не шрифт браузера по умолчанию, но он по-прежнему не показывает правильный шрифт. Страница должна отображаться только на этом компьютере. Как использовать шрифт на этой странице? Спасибо.

Ответ 1

Вам нужно использовать шрифт css-property font-face для объявления вашего шрифта. Взгляните на этот модный сайт: http://www.font-face.com/

Пример:

@font-face {
  font-family: MyHelvetica;
  src: local("Helvetica Neue Bold"),
       local("HelveticaNeue-Bold"),
       url(MgOpenModernaBold.ttf);
  font-weight: bold;
}

Смотрите также: MDN @font-face

Ответ 2

Это не системный шрифт. этот шрифт не поддерживается в других системах. вы можете использовать font-face, конвертировать шрифт из этого Сайт или из this