Использование пользовательского (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 , конвертировать шрифт с этого сайта или из этого

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

  • Как извлечь встроенные шрифты из PDF в качестве допустимых файлов шрифтов?
  • Как встраивать шрифты .ttf является JavaFx 2.2?
  • Как resize шрифта JLabel, чтобы взять максимальный размер
  • Можно ли настроить собственный шрифт для всего приложения?
  • Шрифт подсказки пароля в Android
  • Как разместить веб-шрифты google на моем собственном сервере?
  • Как использовать веб-шрифты на законных основаниях?
  • Подождите, пока шрифты загрузятся до рендеринга веб-страницы
  • Rails: использование шрифта Awesome
  • Android: хотите установить пользовательские шрифты для всего приложения, а не для исполнения
  • Как установить конкретный шрифт для текста кнопки в android?
  • Давайте будем гением компьютера.