Eu li sua pergunta novamente: parece haver um equívoco sobre como os ícones de fontes funcionam.
Então, como eles não funcionam? Usando copiar / colar e nada mais que isso.
Como fazer eles funcionam? É uma fonte especial que não possui glifos de caracteres regulares. Então, quando você digita A , você pode obter um ícone do Microsoft Access ou qualquer outra coisa.
Tomemos por exemplo o Font Awesome. Ele é feito para uso na web e vem com estilos CSS. Por exemplo, quando você usa o ícone da Amazon, a seguinte classe CSS é usada:
.fa-amazon::before {
content: "\f270";
}
Por isso, está usando o caractere no ponto de código 0xF270. Quando você tenta visualizar esse personagem em outra fonte, provavelmente não verá nada ou um espaço reservado:
De acordo com o unicode-table.com , este ponto de código está localizado no chamado Área de Uso Privado. Não há caracteres padronizados lá.
Somente quando a fonte usada para exibir este caractere for Font Awesome, você verá o ícone da Amazon.
Tudo isso também se aplica à fonte que você possui. O campo “texto para copiar” não usa a fonte do ícone para exibir o caracter, então você nunca verá o ícone selecionado lá. Em vez disso, você verá o que parece ser "texto lixo".
Aqui está a classe CSS para o ícone Ethernet:
.mdi-ethernet:before {
content: "\F200";
}
Como usar a fonte em outro lugar? Você abriria o LibreOffice Writer ou qualquer outra coisa e colaria o "texto de lixo" lá. Agora você precisa selecionar o texto colado e alterar sua fonte para a fonte do ícone, que deve aparecer na seleção da fonte como qualquer outra fonte. Só então você verá o ícone desejado.
