Jak ustawić super cienką "grubość czcionki" (mniej niż 100) w CSS?

Question

chcę zrobić bardzo cienki tekst, mniej niż

font-weight: 100 

Czy to możliwe, aby zrobić z CSS?

Podoba Ci się to jednak z Helvetica:

Answer 1

można znaleźć tutaj czcionka ..: https://www.facebook.com/RITCreative/app/208195102528120/

Zamiast nadzieję niemożliwej font-weight magicznie staje się realne, należy Font Forge zrobić własny czcionka.

To, czego najprawdopodobniej chcesz, to Helvetica Nue zainstalowana na komputerach Mac.

W każdym razie spójrz na czcionki Google i użyj filtrów: grubość, tak jak sugerował Rob.

Answer 2

Waga czcionki wyświetlanej muszą być dostępne w czcionce, którą wybrałeś. Jeśli w tym zestawie nie ma ciężaru czcionki, nie można go wybrać za pomocą CSS. Dlatego musisz sprawdzić, jakie wagi są dostępne w wybranej czcionce. Takie rzeczy są wymienione na przykład w Czcionkach Google, ale firmy obsługujące czcionki zazwyczaj podają, jakie wagi są dostępne, czy są bezpłatne, czy zakupione.

Na przykład Open Sans podaje najlżejszą wagę jako 300. Jeśli ustawisz wartość 100, nie zobaczysz niczego innego, niż gdyby ustawić 300, ponieważ 100 nie istnieje.

Mimo to mówisz, że chcesz ustawić wagę na mniej niż 100. Jednak mniej niż 100 nie jest częścią the CSS standard, więc nie, nie możesz tego zrobić.

Answer 3

Ciężary czcionek CSS nie "powodują rozcieńczania czcionek" (lub pogrubieniem) w przypadku czcionek internetowych. W przypadku czcionek niezaznaczonych z adresu URL wartość font-weight jest odwzorowywana z wartości ultra cienkiej na dodatkową pogrubioną czcionkę, ale w przypadku czcionek niestandardowych ciężar jest "niezależnie od tego, jak powinno być przypisane @ face-face binding": są to tylko liczby różnicujące używane podczas deklarowania rodzina czcionek o wielu masach.

Poniżej znajduje się deklaracja CSS czcionki internetowej, która wykorzystuje trzy weightss, ale mają się bliżej źródła czcionki vs. wagi czcionki:

@font-face { 
    font-family: "Helvetica Neue"; 
    font-weight: 800; 
    src: url(helveticaneue-ultrathin.woff); 
} 

@font-face { 
    font-family: "Helvetica Neue"; 
    font-weight: 400; 
    src: url(helveticaneue-regular.woff); 
} 

@font-face { 
    font-family: "Helvetica Neue"; 
    font-weight: 100; 
    src: url(helveticaneue-ultrathin.woff); 
} 

To daje nam jeden CSS oświadczył rodzinę czcionek, z trzy zdefiniowane wagi (z użyciem wartości innych niż 100, 400 lub 800) spowodują niezdefiniowane zachowanie). Teraz dwa z tych ciężarów wskazują na ten sam zasób fontów:.

Poniższy kod będzie styl tekstu za pomocą czcionki ultracienkich, choć CSS wykorzystuje masę 800, która dla predefiniowanych czcionek zazwyczaj oznacza „cholernie bold”:

<p style="font-family: 'Helvetica Neue'; font-weight:800">This is thin!</p> 

Więc jeśli chcesz użyć SuperDuper cienka czcionka: idź do niego. Ale to nie ma nic wspólnego z wartością grubości czcionki CSS, a wszystko, co ma związek z wartością , możesz ustawić w jej regule @ font-face, a następnie użyć jej w CSS.