CSS @ font-face local () не будет определять другие стили шрифта, кроме «обычный» и «жирный» - PullRequest
Новая
       24

CSS @ font-face local () не будет определять другие стили шрифта, кроме «обычный» и «жирный»

4 голосов
/ 01 апреля 2019

Итак ... Я установил некоторые шрифты (Roboto) на свой ПК (linux ubuntu) и хочу использовать их в своем CSS, используя @font-face, но когда я определил эти local() внутри src: ;, вот так например -> 

@font-face {
  font-family: 'Roboto';
  src: local('Roboto'), local('Roboto-Regular'), url('Roboto.ttf') format('truetype');
  font-weight: 400;
}

.

Проблема:

Работают только стили / веса шрифта - font-weight: 400 ( обычный ) и font-weight: 600 ( полужирный ), но когда я изменяю его на font-weight: 500 ( средний ) или любой другой, он просто не меняется!

.

Вещи, которые я пытался решить:

1) Определение другого @font-face

@font-face {
  font-family: 'Roboto';
  src: local('Roboto Medium'), local('Roboto-Medium'), url('Roboto-Medium.ttf') format('truetype');
  font-weight: 500;
}

Результат: Ошибка консоли: Failed to decode downloaded font: pathToMySite/css/Roboto-Medium.ttf и она остается прежней ( обычный )

2) Я попытался перечислить все шрифты, чтобы увидеть, установлены ли эти шрифты на самом деле (с помощью команды linux: fc-list | grep "Roboto", которая просто выводит все локально установленные шрифты (в них есть «Roboto»)

выход 

lots/of/paths/Roboto-Regular.ttf: Roboto:style=Regular
lots/of/paths/Roboto-Italic.ttf: Roboto:style=Italic
lots/of/paths/Roboto-Medium.ttf: Roboto Medium:style=Regular
lots/of/paths/Roboto-MediumItalic.ttf: Roboto Medium:style=Italic
lots/of/paths/Roboto-Bold.ttf: Roboto:style=Bold
lots/of/paths/Roboto-BoldItalic.ttf: Roboto:style=Bold Italic
lots/of/paths/Roboto-Light.ttf: Roboto Light:style=Regular
lots/of/paths/Roboto-LightItalic.ttf: Roboto Light:style=Italic
lots/of/paths/Roboto-Thin.ttf: Roboto Thin:style=Regular
lots/of/paths/Roboto-ThinItalic.ttf: Roboto Thin:style=Italic

(путей к различным папкам было еще больше, но имена файлов всегда были одинаковыми)

3) Я попытался зайти в приложение "шрифты" linux, чтобы посмотреть, установлены ли эти шрифты на самом деле.

Все варианты Roboto (тонкий, легкий, обычный, средний, жирный, черный) были и заметно различаются (в случае средний и обычный выглядели одинаково)

4) И да, я обновил его, используя CTRL + F5, и да, у меня cache отключен.

Короче говоря: все шрифты установлены в системе, но CSS просто не видит ничего, кроме обычный и жирный вес или может ' найти их? Или я не знаю почему.

Можете ли вы помочь мне решить эту проблему? Спасибо за вашу помощь!

...