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

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

Вы должны использовать шрифт 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

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

введите описание изображения здесь

  • Как использовать веб-шрифты на законных основаниях?
  • Нужны ли eot, ttf и svg в объявлении шрифта?
  • Подождите, пока шрифты загрузятся до рендеринга веб-страницы
  • Шрифты выглядят по-разному в Firefox и Chrome
  • Как правильно отобразить хинди при экспорте в pdf?
  • Не удалось декодировать загруженный шрифт
  • Есть ли в Google Chrome «сглаживание шрифтов»?
  • Как встраивать шрифты .ttf является JavaFx 2.2?
  • «Родной шрифт не может быть создан» только для некоторых людей
  • Таблицы стилей CSS по умолчанию для браузеров
  • Как установить конкретный шрифт для текста кнопки в android?
  • Давайте будем гением компьютера.