Con questo tutorial, migliora la comprensione della proprietà CSS come font-smooth. Scopri i fatti su cosa significa questa proprietà e perché i web designer dovrebbero considerare di usarlo.
Una descrizione di Font-Smooth
Perché i designer a volte vogliono usare la proprietà smooth font? Principalmente, fornisce ai progettisti il controllo sull'applicazione dell'antialiasing durante il rendering.
Font-Smooth nelle versioni CSS
Usa font-smooth in CSS 3 e capisci anche la sintassi di font-smooth con l'esempio seguente:
font-smooth: auto | mai | sempre | | lunghezza | iniziale | ereditareauto - liscia il testo in base alle impostazioni predefinite del sistema
mai - mai lisciare i caratterisempre - liscia sempre i caratterie lunghezza - Se il valore della dimensione del carattere è uguale o maggiore di questa misura, quindi liscia il carattere durante il rendering.
I web designer dovrebbero anche sapere quanto segue quando si usa la proprietà smooth font.
- Valore iniziale: auto
- Font-Smooth Si applica a: tutti gli elementi e contenuto generato.
- Font-Smooth Inheritance: questa proprietà è ereditata.
- Supporto browser ottimizzato per font: nessuno
Esempio di font-smooth
Il carattere in questo paragrafo deve essere sempre levigato, indipendentemente da quanto piccolo o grande sia il carattere scritto.A Attenzione sulla proprietà Smooth Font
Non tutti hanno un browser che supporta i caratteri. Scopri se il tuo browser supporta questa proprietà. Inoltre, fai attenzione a come usi questo stile, poiché può ridurre drasticamente la leggibilità del tuo testo. Avrai bisogno di fare qualche ricerca per assicurarti che questo non ti riguardi in questo modo. Per ulteriori informazioni sulla proprietà smooth font, consultare quanto segue:
Esempi privi di carattere
Font-stretch
Font-effetto
Famiglia di font
Dimensione del font
Font
Stile del font
Font-variant
Font-weight
Modifica degli attributi dei caratteri