Próbuję użyć "lżejszej" wersji mojej czcionki, ale w firefoxie i chrome nadal wygląda jak " normalna waga.Dlaczego "jaśniejsza" czcionka @ nadal pojawia się jako "normalna" waga @ twarz z czcionką
Oto moja font.css:
@font-face {
font-family: Avenir;
font-weight: normal;
src: url("AvenirLTStd-Medium.otf") format("opentype");
}
@font-face {
font-family: Avenir;
font-weight: bold;
src: url("AvenirLTStd-Black.otf") format("opentype");
}
@font-face {
font-family: Avenir;
font-weight: lighter;
src: url("12-Avenir-Light.ttf") format("opentype");
}
Oto co używam, aby uaktywnić "lżejsze" Ciężar na H2
w #home
:
body {
background: none repeat scroll 0 0 #DADAD2;
font-family: 'Avenir',sans-serif;
font-weight: normal;
}
#home .six.columns h2 {
color: #FAFAFA;
display: block;
font-size: 1.8em;
font-weight: lighter;
letter-spacing: 0.3em;
margin-top: 25%;
text-align: center;
}
można zobaczyć, co ja "Mówimy tutaj (po prostu najedź na jeden z obrazów produktów):
https://fine-grain-2.myshopify.com/
Zmiana 'wartość font-weight' któregokolwiek z' 500', '600',' 700', '800',' 900' i 'bold 'zdecydowanie zmienia tekst. Wszystkie pozostałe wartości są wyświetlane jako "normalne". Nie mówię, że to * poprawne *; Dodaję tylko trochę szczegółów. –
@ JamesA.Rosen Czy mówisz na mojej stronie internetowej? Wiem, że to naprawdę dziwne, ponieważ "lżejsza" wartość powinna zmienić tekst na cieńszą odmianę czcionki. – novicePrgrmr
Zgadzam się. Potwierdzałem i dodawałem dodatkowe szczegóły w nadziei, że może to być przydatne dla kogoś innego. –