Почему мой недавно загруженный шрифт не работает? - PullRequest
Новая
       63

Почему мой недавно загруженный шрифт не работает?

0 голосов
/ 05 октября 2019

Я только что установил новый текстовый шрифт с именем Skyfont. Не могу заставить его работать, и я объявляю это с @font-face, и в html нет элемента, который бы блокировал это. Вот код CSS: 

h1 {
    text-align: center;
    font-family: 'Skyfont Regular';
    color: #000000;
    font-size: 26pt;
    font-weight: bold;
    margin-top: 26px;
    right: 50%;
    text-decoration: none;
}

@font-face {
    font-family: 'Skyfont Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Skyfont Regular'), url(fonts/Skyfont-NonCommercial.otf) format('otf');
}

Спасибо за всю помощь, которую я могу получить :) I

f, если что-то не хватает, что я не написал, пожалуйста, скажите мне.

Ответы [ 2 ]

1 голос
/ 05 октября 2019

Несколько правдоподобных объяснений:

  • вы забыли кавычки вокруг пути URL-адреса в свойстве src
  • , на которое вы указали неверный путь. Загляните в консоль разработчика вашего браузера, чтобы проверить, успешно ли вы запрашиваете файл шрифта или нет. Вы можете открыть его, нажав Control + Shift + J (или Command + Option + J на ​​Mac) в Chrome или Control + Shift + K (или Command + Option + K на Mac). Перейдите к окну network и перезагрузите страницу. Попробуйте найти имя файла шрифта (который должен быть Skyfont-NonCommercial.otf в соответствии с вашим css). Рядом с ним должен появиться статус 200, означающий, что ваш браузер успешно загрузил файл. Если нет, это означает, что ваш файл не может быть найден по указанному адресу (другие коды состояния HTTP см. здесь ).
  • ваш .otf файл поврежден или имеет неправильное расширение файла

Надеюсь, это поможет.

0 голосов
/ 27 октября 2019

Существует странное поведение браузера с локально установленными шрифтами в Windows 10.
Если вы перетаскиваете файлы шрифтов в C: \ Windows \ Fonts, Windows устанавливает их в профиль пользователя
C: \ Users \ YourName \ AppData \ Local\ Microsoft \ Windows \ Fonts.
Chrome не увидит этот шрифт в теге @ font-face, поэтому локальный ('Skyfont Regular') никогда не будет работать.
Это может быть неожиданным следствием этой ошибки, которая получилаисправлено недавно @ font-face src: local () должен принимать имя шрифта имя, а не семейство имя
Обходной путь - установить шрифты в C: \Windows \ Fonts, вы можете сделать это, щелкнув правой кнопкой мыши файлы шрифтов и выбрав «Установить шрифты для всех пользователей».

...