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

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

  • Как импортировать шрифт?
  • Как добавить внешние шрифты в приложение для Android
  • Как установить конкретный шрифт для текста кнопки в android?
  • Использование пользовательского шрифта в android TextView с помощью xml
  • android - установить шрифт на платформу Android без root
  • Есть ли в Google Chrome «сглаживание шрифтов»?
  • Как включить внешний шрифт в приложение WPF без его установки
  • Шрифты выглядят по-разному в Firefox и Chrome
  • Проблема при использовании пользовательского шрифта - «родной шрифт не может быть создан»
  • Есть ли способ программно определить, имеет ли файл шрифта определенный Unicode Glyph?
  • Размытие шрифтов WPF-Решения
  • Давайте будем гением компьютера.