Ze względu na design, chciałbym użyć bardzo dużych czcionek w nagłówkach (około 70-85 px) Aby zapobiec przytłaczaniu strony, potrzebuję naprawdę cienka czcionka. Znalazłem Poiret One na czcionkach google i zostało zaklasyfikowane jako rodzina cursive. Jest to bardzo cienka, bardzo elegancka czcionka, ale domyślnie rodzina cursive wydaje się być komiksem, który jest wprost przeciwny - bardzo przylegający, odważny i nieatrakcyjny w dużych nagłówkach. W moim pliku css mam:Jak określić domyślną czcionkę użytkownika WWW, jeśli czcionka google jest niedostępna?
h1 {
font-family: 'Poiret One', cursive;
font-weight: 100;
font-size: 85px;
color: #99ccff;
}
Chciałbym dodać kurier nowy jako domyślny użytkownik czcionką jak to jest najcieńsza z bezpiecznych czcionek internetowych i dodać następujące atrybuty, aby rozstaw postać podobna do Poireta One tak że nie przepełnić moje bootstrap kolumny:
font-family: "Courier New";
font-style: normal;
font-size: 4.8em;
font-weight: 400;
letter-spacing: -0.125em;
line-height: 1.5em;
Jaki jest css mogę użyć, aby poinformować przeglądarkę jeśli Poiret One nie mogą być oglądane przez użytkownika, należy użyć kurier nowy z modyfikacjami czcionek jak podano wyżej ?
Czekamy na rozwiązanie. Dzięki!
Prawdopodobnie konieczne będzie sprawdzenie, czy czcionka została poprawnie wczytana za pomocą JavaScript, aby zastosować alternatywną klasę jako element zastępczy dla elementu. Zajrzyj na: http://stackoverflow.com/questions/12312323/how-to-know-if-a-font-font-face-has-already-been-loaded –
Czcionka Poiret One ładuje się poprawnie, z wyjątkiem tych którzy nie mają włączonych skryptów lub jeśli z jakiegoś powodu nie mogą uzyskać dostępu do czcionek google. Potem ładuje się komiks i wygląda okropnie, dlatego chcę zmienić domyślną na kurierską z modyfikacjami, które wymienię powyżej. – Wendy