Activitati W3C Rapoarte Teh. W3C Index site W3C Traduceri
Software Cautari W3C In
apropiere: Stil W3C CSS W3C Indrumari & trucuri
Bert Boscreat 17 Ian 2001;
ultima actualizare $Date: 2008-10-31$ GMT
(Limbi: be bg de el en es id it pl pt-br ru uk)
(This page uses CSS style sheets)
Dupa culoare, fontul este probabil proprietatea cea mai de baza a unei pagini. In aceasta pagina nu voi arata nici un truc dar voi arata domeniul de variatii ale fonturilor care sunt permise de CSS.
Pentru ca nu toate fonturile sunt disponibile pe toate calculatoarele (exista mii de fonturi si cele mai multe nu sunt gratuite), CSS furnizeaza un sistem de rezerva. Listati mai intai fontul pe care-l doriti primul, apoi orice font care i-ar putea lua locul primului daca acesta nu este disponibil, si ar trebui sa terminati lista cu un font generic, pentru care exista cinci: serif, sans-serif, monospace, cursive si fantasy.
Urmatorul tabel arata exemple de fonturi variate (browserul dumneavoastra s-ar putea sa nu le cunoasca pe toate) si puteti vedea ce face browserul dumneavoastra cu fiecare din cele cinci generice:
| 'sans-serif': fonturi normale fara serifs | |
|---|---|
Arial, sans-serif |
Vulpea roscata rapida sare peste cainele lenes |
Helvetica, sans-serif |
Vulpea roscata rapida sare peste cainele lenes |
Gill Sans, sans-serif |
Vulpea roscata rapida sare peste cainele lenes |
Lucida, sans-serif |
Vulpea roscata rapida sare peste cainele lenes |
Helvetica Narrow, sans-serif |
Vulpea roscata rapida sare peste cainele lenes |
sans-serif |
Vulpea roscata rapida sare peste cainele lenes |
| 'serif': fonturi normale cu serifs | |
Times, serif |
Vulpea roscata rapida sare peste cainele lenes |
Times New Roman, serif |
Vulpea roscata rapida sare peste cainele lenes |
Palatino, serif |
Vulpea roscata rapida sare peste cainele lenes |
Bookman, serif |
Vulpea roscata rapida sare peste cainele lenes |
New Century Schoolbook, serif |
Vulpea roscata rapida sare peste cainele lenes |
serif |
Vulpea roscata rapida sare peste cainele lenes |
| 'monospace': fonturi cu latime fixa | |
Andale Mono, monospace |
Vulpea roscata rapida sare peste cainele lenes |
Courier New, monospace |
Vulpea roscata rapida sare peste cainele lenes |
Courier, monospace |
Vulpea roscata rapida sare peste cainele lenes |
Lucidatypewriter, monospace |
Vulpea roscata rapida sare peste cainele lenes |
Fixed, monospace |
Vulpea roscata rapida sare peste cainele lenes |
monospace |
Vulpea roscata rapida sare peste cainele lenes |
| 'cursive': fonturi care emuleaza scrierea de mana | |
Comic Sans, Comic Sans MS, cursive |
Vulpea roscata rapida sare peste cainele lenes |
Zapf Chancery, cursive |
Vulpea roscata rapida sare peste cainele lenes |
Coronetscript, cursive |
Vulpea roscata rapida sare peste cainele lenes |
Florence, cursive |
Vulpea roscata rapida sare peste cainele lenes |
Parkavenue, cursive |
Vulpea roscata rapida sare peste cainele lenes |
cursive |
Vulpea roscata rapida sare peste cainele lenes |
| 'fantasy': fonturi decorative, pentru titluri, etc. | |
Impact, fantasy |
Vulpea roscata rapida sare peste cainele lenes |
Arnoldboecklin, fantasy |
Vulpea roscata rapida sare peste cainele lenes |
Oldtown, fantasy |
Vulpea roscata rapida sare peste cainele lenes |
Blippo, fantasy |
Vulpea roscata rapida sare peste cainele lenes |
Brushstroke, fantasy |
Vulpea roscata rapida sare peste cainele lenes |
fantasy |
Vulpea roscata rapida sare peste cainele lenes |
Cele mai multe fonturi au stiluri variate in interiorul aceleiasi familii, tipic unul aldin si unul italic, deseori deasemenea un stil italic aldin, ceva mai rar versiuni cu majuscule micute si in cateva cazuri extra-subtiri/extra-aldine sau versiuni intinse/condensate.
Tabelul de mai jos arat un numar de stiluri diferite. In afara de cazul in care aveti o colectie foarte bogata de fonturi, multe dintre randuri vor fi identice.
| regula | serif | sans-serif |
|---|---|---|
| Stiluri | ||
font-style: normal |
Vulpea… | Vulpea… |
font-style: italic |
Vulpea… | Vulpea… |
font-style: oblique |
Vulpea… | Vulpea… |
| Weights | ||
font-weight: 100 |
Vulpea… | Vulpea… |
font-weight: 200 |
Vulpea… | Vulpea… |
font-weight: 300 |
Vulpea… | Vulpea… |
font-weight: normal |
Vulpea… | Vulpea… |
font-weight: 500 |
Vulpea… | Vulpea… |
font-weight: 600 |
Vulpea… | Vulpea… |
font-weight: bold |
Vulpea… | Vulpea… |
font-weight: 800 |
Vulpea… | Vulpea… |
font-weight: 900 |
Vulpea… | Vulpea… |
| Variante | ||
font-variant: normal |
Vulpea… | Vulpea… |
font-variant: small-caps |
Vulpea… | Vulpea… |
| Intinderi | ||
font-stretch: ultra-condensed |
Vulpea… | Vulpea… |
font-stretch: extra-condensed |
Vulpea… | Vulpea… |
font-stretch: condensed |
Vulpea… | Vulpea… |
font-stretch: semi-condensed |
Vulpea… | Vulpea… |
font-stretch: normal |
Vulpea… | Vulpea… |
font-stretch: semi-expanded |
Vulpea… | Vulpea… |
font-stretch: expanded |
Vulpea… | Vulpea… |
font-stretch: extra-expanded |
Vulpea… | Vulpea… |
font-stretch: ultra-expanded |
Vulpea… | Vulpea… |
In CSS3, exista inca un stil disponibil: 'font-effect' face literele sa apara ca engraved sau embossed.
Activitati W3C Rapoarte Teh. W3C Index site W3C Traduceri
Software Cautari W3C In
apropiere: Stil W3C CSS W3C Indrumari & trucuri
Bert BosAceasta este o traducere din limba engleza; versiunea originala: http://www.w3.org/Style/Examples/007/fonts.html
Versiunea in limba romana poate contine erori. Versiunea engleza este singura
versiune normativa.
Traducator