Я установил шрифт значка https://materialdesignicons.com на мою установку Antergos, но, похоже, он не отображается. Запущенный fc-list показывает его в списке установленных шрифтов. Я даже могу использовать gucharmap и видеть глифы. Но попытка отобразить их для копирования не показывает ничего или странных символов, как показано здесь: gucharmap Что может быть не так?

2 ответа2

0

Я перечитал ваш вопрос еще раз: кажется, что существует неправильное представление о том, как работают иконки шрифтов.

Итак, как они не работают? Использование копирования / вставки и ничего кроме.

Как они работают? Это специальный шрифт, который не имеет обычных символов. Поэтому, когда вы набираете A, вы можете получить значок Microsoft Access или что-то еще.

Давайте возьмем для примера Font Awesome. Он сделан для использования в Интернете и поставляется с стилями CSS. Например, когда вы используете значок Amazon, используется следующий класс CSS:

.fa-amazon::before {
    content: "\f270";
}

Поэтому он использует символ в кодовой точке 0xF270. Когда вы попытаетесь просмотреть этот символ другим шрифтом, вы, скорее всего, не увидите ничего или заполнителя:

Согласно unicode-table.com эта кодовая точка находится в так называемой Частной зоне использования. Там нет стандартизированных символов там.

Только когда шрифт, используемый для отображения этого символа, является Font Awesome, вы увидите значок Amazon.

Все это также относится к шрифту, который у вас есть. Поле «текст для копирования» не использует шрифт значка для отображения символа, поэтому вы никогда не увидите там выбранный значок. Вместо этого вы увидите то, что выглядит как «мусорный текст».

Вот класс CSS для значка Ethernet:

.mdi-ethernet:before {
  content: "\F200";
}

Как использовать шрифт в другом месте? Вы бы открыли LibreOffice Writer или что-то еще и вставили туда «мусорный текст». Теперь вам нужно выбрать вставленный текст и изменить его шрифт на шрифт значка, который должен отображаться при выборе шрифта, как и любой другой шрифт. Только тогда вы увидите нужный значок.

0

Проблема была в шрифте Adobe Blank, который был установлен в моей системе (не знаю почему). От самого Adobe:

Adobe Blank - это специальный шрифт OpenType, предназначенный для визуализации всех кодовых точек Unicode с использованием глифов без пробелов и без разметки. [...] это служит следующим двум целям:

  • Вызов этого шрифта, как временная мера, предотвращает срабатывание шрифта-отката на уровне ОС или приложения до того, как предполагаемый шрифт может быть визуализирован.
  • В связи с вышеизложенным, использование шрифта позволяет определить, когда веб-шрифт действительно загружен, что, вероятно, является хаком, позволяющим преодолеть ограничение в CSS.

Отключил этот шрифт и все работает отлично. Возможно, это не лучшее решение, но это лучшее решение, которое у меня есть на данный момент.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками .