Linux - Zainstalowana czcionka ikony, nie renderuje

Zainstalowałem czcionkę ikony https://materialdesignicons.com na mojej instalacji Antergos, ale wydaje się, że nie wyświetla Bieganie fc-list pokazuje go na liście zainstalowanych czcionek. Mogę nawet użyć gucharmap i zobacz glify. Ale próba wyświetlenia ich do skopiowania nie pokazuje niczego lub dziwnych znaków, jak widać tutaj: Co może być nie tak?

— José María
źródło

Wybrałeś czcionkę, w której próbowałeś użyć ikon, prawda?

— Daniel B

@DanielB Tak, oczywiście

— José María

Odpowiedzi:

Ponownie przeczytałem twoje pytanie: wydaje się, że istnieje błędne przekonanie, jak działają ikony czcionek.

Więc jak oni nie praca? Używanie kopiowania / wklejania i nic innego.

W jaki sposób robić oni pracują? To specjalna czcionka, która nie ma regularnych glifów znakowych. Więc kiedy piszesz ZA , możesz rzeczywiście uzyskać ikonę Microsoft Access lub cokolwiek innego.

Weźmy na przykład Font Awesome. Jest przeznaczony do użytku w Internecie i jest dostarczany ze stylami CSS. Na przykład, gdy używasz ikony Amazon, używana jest następująca klasa CSS:

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

Więc używa znaku w punkcie kodowym 0xF270. Podczas próby wyświetlenia tej postaci w innej czcionce najprawdopodobniej nie zobaczysz niczego lub symbolu zastępczego:



Według unicode-table.com ten punkt kodowy znajduje się w tak zwanym obszarze prywatnego użytku. Nie ma tam standardowych znaków.

Tylko wtedy, gdy czcionka użyta do wyświetlenia tego znaku to Font Awesome, zobaczysz ikonę Amazon.

To wszystko dotyczy również czcionki, którą masz. Pole „tekst do skopiowania” to robi nie użyj czcionki ikony, aby wyświetlić postać, więc będziesz nigdy zobacz tam wybraną ikonę. Zamiast tego zobaczysz, co wydaje się być „śmieciowym tekstem”.

Oto klasa CSS dla ikony Ethernet:

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

Jak używać czcionki w innym miejscu? Otworzysz LibreOffice Writer lub cokolwiek innego i wkleisz tam „śmieciowy tekst”. Teraz musisz wybrać wklejony tekst i zmienić jego czcionkę na czcionkę ikony, która powinna pojawić się w wyborze czcionki, jak każda inna czcionka. Dopiero wtedy zobaczysz żądaną ikonę.

enter image description here

— Daniel B
źródło

Ale staram się używać ich na polybar dla i3wm na Arch. Nawet jeśli mam je zainstalowane, nie widzę ich w plikach dotfile na GitHub

— José María

Na szczęście z polibarem możesz mieszaj czcionki . Nie jestem pewien, co próbujesz powiedzieć przez „Nawet jeśli mam je zainstalowane, nie widzę ich w plikach kropek na GitHub”.

— Daniel B

Ten plik używa czcionki ikon materiałów: github.com/not7CD/dotfiles/blob/master/polybar/.config/polybar/… Mam zainstalowaną czcionkę w moim systemie, ale nie widzę ikon w tym pliku.

— José María

Widzę. To znacznie bardziej specyficzny problem, który prawdopodobnie powinien znaleźć się w nowym pytaniu. Możesz także spojrzeć na wyjście polybaru, ze zwiększoną gadatliwością. // Poza tym nie zobaczysz ich w przeglądarce podczas przeglądania tego pliku, ponieważ GitHub nie mówi przeglądarce, by używał czcionki.

— Daniel B

Problemem była czcionka Adobe Blank który został zainstalowany w moim systemie (nie wiem dlaczego). Od samego Adobe:

Adobe Blank to specjalna czcionka OpenType, która ma na celu   renderuj wszystkie punkty kodowe Unicode, używając nie-odstępów i niebrudzących   glify. [...] służy następującym dwóm celom:

Wywoływanie tej czcionki, jako środka tymczasowego, uniemożliwia powrót czcionki czcionek na poziomie systemu operacyjnego lub aplikacji przed zamierzonym   czcionka może być renderowana.

W związku z powyższym użycie czcionki pozwala wykryć, kiedy rzeczywiście załadowano czcionkę internetową, co jest prawdopodobnie hackiem do pokonania   ograniczenie w CSS.

Wyłączono tę czcionkę i wszystko działa idealnie. Może nie jest to najlepsze rozwiązanie, ale jest to najlepsze rozwiązanie, jakie mam na razie.

— José María
źródło