Czcionka Montserrat nie jest wyświetlana na IE 10 i 11

Na tej stronie internetowej http://themescreators.com/ela/ Używam niektórych czcionek google. Wszystkie z nich działają dobrze w Chrome, FF .. ale na IE 10 i 11 na Windows 7, czcionka "Montserrat" nie wyświetla się. Naprawdę nie mam pojęcia, co może być problemem, czy IE jest niezgodny z niektórymi czcionkami google?Czcionka Montserrat nie jest wyświetlana na IE 10 i 11

Jeśli odwiedzisz witrynę w systemie Windows 7, zobaczysz wyraźnie problem, wszystkie "Montserrat" h1, h2 ... nie są widoczne.

Z góry dzięki!

Źródło

2014-10-14 ThemesCreator

Działa dla mnie (widzę nagłówki, wyglądają tak samo jak w Chrome) na Win8.0 Enterprise x64 z IE 10.0.9200.17028, więc prawdopodobnie nie jest to ogólny problem z IE10/11. – CBHacking

Tak jak powiedziałem, iisue jest tylko na Windows 7 nie na Windows 8 – ThemesCreator

Masz rację, IE11/Windows 7 i to nie działa. –

Przede wszystkim nie masz zdefiniowanej czcionki pomocniczej, która może zostać wyświetlona, jeśli Montserrat nie jest poprawnie załadowany. Z tego powodu nie wyświetla się żadna czcionka.

h1, h2, h3, h4, h5, h6 { 
    font-family: Montserrat; 
    font-weight: 400; 
    font-style: normal; 
    color: #1C2334; 
}

Zalecam, aby prawidłowo skonfigurować rodzinę czcionek i dodać więcej czcionek dla tych przypadków.

Po drugie, Montserrat nie jest poprawnie ładowany, ponieważ jest to błąd IE11, który został zgłoszony na Google Font Directory, a także na MSDN Forum. Niestety nie zostało jeszcze naprawione.

Jednym z rozwiązań może być pobieranie czcionek Google Web, przesyłanie ich do witryny i ręczne definiowanie ich w plikach css. Innym sposobem może być użycie JavaScriptu Web Font Loader zamiast domyślnego.

Źródło

2014-10-22 08:35:21

Napotkałem podobny błąd, a nawet posiadanie czcionki zastępczej nie rozwiązało problemu. Czcionka Montserrat ładowała się dobrze, więc nigdy nie załadowano fallback.

Jak się okazało, użycie reguły CSS font-feature-settings spowodowało, że ta konkretna czcionka przestała wyświetlać się całkowicie w IE10 i IE11 na Windows 7. (Choć prawdopodobnie spowoduje to podobne problemy w przypadku innych czcionek).

Rozwiązaniem było wyłączyć szczypie czcionek niskim poziomie font-feature-settings, używając przedrostka IE specyficzny dla dostawcy:

/* Fix for IE10 and IE11 Montserrat font display issues. */ 
p { 
    -ms-font-feature-settings: normal; 
}

Jeśli to możliwe, to chyba najlepiej unikać font-feature-settings całkowicie. LUB upewnij się, że masz gotowy schemat testowania w celu przetestowania różnych wersji przeglądarki IE w każdym systemie operacyjnym Windows. Zwłaszcza, że renderowanie czcionek nie jest tylko funkcją przeglądarki, ale także funkcją bazowego systemu operacyjnego.

Źródło

2015-02-07 22:30:25 leepowers

To właśnie dla mnie zadziałało; Włączyłem kerning fontów. Powoduje to powrót do normalnego stanu w IE – izak

Po prostu do opracowania, miejsce do umieszczenia tego nie jest koniecznie na elemencie 'p' (lub którykolwiek element ma problem), ale gdziekolwiek w twoim arkuszu stylów użyłeś' font-feature-settings "(tj. przesłonięcie go, powiedzmy, nagłówków - gdzie użyłeś czcionki problemu - może nie naprawić problemu, jeśli określiłeś' font-feature-settings' na elemencie nadrzędnym. Musisz zastosować to rozwiązanie * tam *) –

Czcionka Montserrat nie jest wyświetlana na IE 10 i 11

Odpowiedz

Powiązane problemy