Sadržaj
Jedan od temeljnih aspekata pri radu s tekstom u HTML su promjene slike koje se mogu dogoditi samo promjenom fonta slova, međutim postoje dva aspekta profesionalaca koji rade na tome, dizajneri koji žele promijeniti svaki aspekt tipografije i programeri koji, iako žele radeći s njima ne žele napraviti tako duboke promjene po tom pitanju.Svojstva fonta
Prije rada s izvorima napravit ćemo pregled njihovih svojstava kako bismo saznali pozadinu ovoga:
- obitelj fontova: Određuje obitelj fontova za blok teksta.
- veličina fonta: Određuje veličinu fonta za blok teksta.
- font-style: Određuje stil fonta, može biti normalan, kurziv, koso.
- font-variant: Određuje može li se tekst bloka prikazati malim slovima, njegove moguće vrijednosti su male i velike.
- težina fonta: Određuje težinu fonta za tekstualni blok, odnosno njegovu debljinu, njegove vrijednosti mogu biti normalne, podebljane, podebljanije, svjetlije.
- font: Prečac koji vam omogućuje da navedete font u jednom retku.
Vlasništvo font-family Određujemo skupinu fontova koji će se koristiti uspostavljanjem redoslijeda preferencija, tako da se, ako jedan nije dostupan, prosljeđuje u onaj koji slijedi prema prioritetu. Preglednik počinje s prvim fontom na popisu i nastavlja pokušavati za svaki od fontova utvrđenim redoslijedom sve dok ne postoji jedan koji može koristiti.
To se događa jer možemo zahtijevati upotrebu fontova koji su instalirani na računalu korisnika ili pripadaju određenom operativnom sustavu, tako da ako drugi korisnik ne ispunjava zahtjeve, možemo kontrolirati kako će to utjecati na naš dokument.
Na kraju, pogledajmo popis generičkih fontova koji bi trebali biti dostupni na standardni način za sve sustave i s kojima ne bismo trebali imati problema.
- serif
- sans-serif
- rukopisni
- fantazija
- jednoprostor
PrimjerPostoji mnogo različitih vrsta voća - samo preko 500 vrsta banana postoji. Dok dodamo bezbroj vrsta jabuka, naranči i drugog dobro poznatog voća, suočeni smo s tisućama izbora.
U ovom kodu vidimo da je u obitelji fontova definiran nekonvencionalan font jer je to vlasnički font HelveticaNeue Condensed a zatim kao drugu prednost postavljamo jednoprostor Pogledajmo kako to možemo vidjeti u pregledniku, za svaki od definiranih slučajeva.
[prilog = 861: html5fuentes.jpg.webp]
S lijeve strane slike imamo slučaj u kojem font koji je postavljen kao prvi izbor ne postoji, odnosno font jednoprostor, s desne strane vidimo vlasnički font.
Ovime završavamo vodič, poznavajući teorijske osnove i primjenjujući ih u praksi, sada smo se u mogućnosti malo poigrati s izvorima naše aplikacije i postići vizualno atraktivnije rezultate u skladu s onim što želimo.
Možete nastaviti čitati 2. dio ovog vodiča.Je li vam se svidio i pomogao ovaj vodič?Autor možete nagraditi pritiskom na ovaj gumb kako biste mu dali pozitivan bod
