Come impostare "peso carattere" super sottile (meno di 100) in CSS?

Question

Voglio rendere il testo super sottile, meno di

font-weight: 100 

È quello possibile fare con i CSS?

come questo, ma con Helvetica:

Answer 1

È possibile trovare il font qui ..: https://www.facebook.com/RITCreative/app/208195102528120/

Invece di sperare in un font-weight impossibile diventare magicamente reale, utilizzare Font Forge per rendere il vostro font.

Quello che probabilmente si desidera è Helvetica Nue che è installato su Mac.

Guarda comunque i font di Google e usa i filtri: Spessore come suggerito da Rob.

Answer 2

Il peso del carattere visualizzato deve essere disponibile nel font che avete scelto. Se il peso del font non esiste in quel set, non puoi selezionarlo con CSS. Ecco perché è necessario esaminare quali pesi sono disponibili nel tipo di carattere che si sceglie. Tali elementi sono elencati, ad esempio, in Google Fonts, ma le società di font di solito elencano quali ponderazioni sono disponibili, siano essi gratuiti o acquistati.

Ad esempio, Open Sans elenca il suo peso più leggero di 300. Se lo si imposta su 100, non si vedrà nulla di diverso se si imposta su 300 perché 100 non esiste.

Nonostante tutto ciò, si dice che si desidera impostare il peso su qualcosa di meno di 100. Tuttavia, meno di 100 non fa parte di the CSS standard quindi, no, non è possibile farlo.

Answer 3

I pesi dei font CSS non "rendono i caratteri sottili" (o in grassetto) quando si tratta di caratteri Web. Per i font non caricati dall'URL il valore font-weight si estende da ultra sottile a extra grassetto, ma per i caratteri personalizzati il ​​peso è "qualunque sia il binding @ font-face dice che dovrebbe essere": si tratta semplicemente di numeri di differenziazione utilizzati quando si dichiara un famiglia di font con pesi multipli.

La seguente è una dichiarazione di CSS per un font web che utilizza tre weightss, ma hanno uno sguardo da vicino di risorse di carattere vs. spessore del carattere:

@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); 
} 

Questo ci dà una famiglia di font CSS-dichiarato, con tre pesi definiti (utilizzando valori diversi da 100, 400 o 800, porteranno a un comportamento non definito). Ora due di questi pesi indicano la stessa risorsa font.

il seguente codice lo stile del testo utilizzando il carattere ultrasottile, anche se il CSS utilizza peso 800, che per i font predefiniti normalmente significa "dannatamente bold":

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

Quindi, se si desidera utilizzare un SuperDuper carattere sottile: andare per esso. Ma questo non ha nulla a che fare con il valore del font-font CSS, e tutto ciò che ha a che fare con il valore è assegnarlo nella sua regola @ font-face, e quindi usare nel proprio font-using-CSS.