Mitä "Font-Smooth" tarkoittaa?
Tällä opetusohjelmalla voit parantaa ymmärtämystä CSS-ominaisuuden kirjasimesta. Hanki tosiasiat siitä, mitä tämä omaisuus tarkoittaa ja miksi web-suunnittelijoiden tulisi harkita sen käyttöä.
Font-Smoothin kuvaus
Miksi suunnittelijat haluavat joskus käyttää kirjasimen pehmeää ominaisuutta? Pääasiassa se tarjoaa suunnittelijoille mahdollisuuden hallita anti-aliasing-sovellusta, kun se tehdään.
Fontti-tasainen CSS-versioissa
Käytä CSS 3: n kirjasintyynyä ja ymmärrä myös font-smooth -syntaksi alla olevan esimerkin avulla:
font-smooth: auto | ei koskaan aina. | | pituus | alkuperäinen | periä
automaattinen sileä teksti järjestelmän oletusasetusten mukaan
koskaan - ei koskaan sileä fontteja
aina - aina sileä fontit
ja pituus - Jos fontin koon arvo on sama tai suurempi kuin tämä koon mitta, tasoittaa fontti, kun se tehdään.
Web-suunnittelijoiden tulisi myös tietää seuraavat, kun käytät fontin sileää ominaisuutta.
- Alkuperäinen arvo: automaattinen
- Fontti-Smooth koskee: Kaikki elementit ja luotu sisältö.
- Fontti-tasainen perintö: Tämä ominaisuus on peritty.
- Fontti-Smooth Browser -tuki: Ei mitään
Fontti-tasainen esimerkki
Tässä kappaleessa oleva kirjasin tulee aina tasoittaa, vaikka fontti olisi kirjoitettu pienenä tai suurena.
Varoitus Font-Smooth -ominaisuudesta
Kaikilla ei ole selainta, joka tukee kirjasintyynyä. Selvitä, selaimesi tukee tätä ominaisuutta. Ole varovainen, miten käytät tätä tyyliä, sillä se voi merkittävästi vähentää tekstin luettavuutta.
Sinun on tehtävä jotain tutkimusta sen varmistamiseksi, ettei tämä vaikuta sinuun tällä tavoin. Lisätietoja kirjasimen pehmeästä ominaisuudesta saat seuraavista aiheista:
Fontti-sileät esimerkit
Fontti-venytys
Font-vaikutus
Font-family
Fonttikoko
kirjasinlaji
Fonttityyli
Font-variantti
Font-weight