Savjet 1: Kako propisati font
Savjet 1: Kako propisati font
Postoji nekoliko načina za postavljanje pojedinih osobina krstionica bilo koji blok teksta na stranici. Neki od njih koriste samo HTML alate, ostale - samo CSS, treći - kombiniraju mogućnosti obaju jezika.
instrukcija
1
Možete odrediti opcije krstionica, koju preglednik treba koristitiprikazati određeni blok teksta na stranici, neposredno prije početka ovog bloka. Za to su alati za označni jezik dovoljni, bez upotrebe opisa stila elemenata dokumenta. Odgovarajuća HTML struktura sastoji se od fontova za otvaranje i zatvaranje oznake (<font> i </ font>), između kojih se nalazi tekst. Ova oznaka vam omogućuje da odredite naziv krstionica u atributu lica, njezinoj boji (u atributu boje) iveličina (atribut veličine). Boja se može navesti u tekstualnoj oznaci (na primjer, Plava), no bolje je upotrijebiti heksadecimalne kodove (na primjer, # 0000FF umjesto Plave boje) jer im pomoću njihove pomoći možete preciznije odabrati pravu nijansu. veličina krstionica ovdje se daje u relativnim jedinicama - morate odrediti broj u rasponu od 1 do 7. Uzorak teksta s navedenim parametrima krstionica: <font color = "Navy" face = "Verdana" size = "5"> Uzorak teksta </ font>
2
Drugi je način upotreba atributa stila. Može se odrediti u mnogim oznakama, uključujući one koje oblikuju mala ili blokirana područja s tekstom u tijelu dokumenta. Evo primjera s oznakom koja tvori jedan odlomak teksta: <p style = "font: 700 20px / 12 Verdana;"> Primjerak teksta </ p> Ovdje broj 700 je vlasništvo font-weight, a 20px font veličine. Po učinku, gotovo se dupliraju - postavite veličinu slova. Jedina je razlika u tome da veličina slova označava dimenzije u apsolutnim jedinicama (px ili em) i težinu fontova u relativnim, tj. Povećava ili smanjuje veličinu ovog tekstualnog bloka u odnosu na navedeno za cijeli dokument kao cjelinu. Kao što znate, upotreba istovremeno u jednom atributu stilova nema smisla, ovdje se kombiniraju samo kao primjer. Broj 12, označen frakcijom nakon apsolutne veličine, određuje visinu redaka u ovom odlomku. I Verdana je, naravno, ime korištene krstionica.
3
Međutim, specifikacija parametara krstionica izravno u elementima elementa stranicerijetko se koristi. Općenito, opisi fontova prikazani su u CSS blokovima, a oznake navode samo reference na njih - u klase ili id atributa. Uzorak ove vrste pokazivanja parametara krstionica: <style style = "text / css"> .paraFont {font: 20px / 40 Verdana;} </ style> <p class = "paraFont"> Uzorak teksta </ p>
4
Ako na stranici nema posebne vrste slova,onda možete postaviti parametre, na primjer, za sve <p> oznake i ne navesti reference na opis stila ni u atributu klase ili ID-u. U ovom slučaju, prethodni uzorak može se pojednostaviti na sljedeći obrazac: <style> <font style = "text / css"> p {font: 20px / 40 Verdana;} </ style>
Savjet 2: Kako postaviti font u html
Font je sastavni dio web dizajn, davanjesite karakterističan stil. Tekst kvalitete na stranici trebao bi izgledati skladno, u kombinaciji s drugim elementima web-lokacije i istodobno pridonijeti boljem doživljaju informacija. Pomoću HTML oznake jezika i CSS kaskadnih tablica možete postaviti gotovo sve parametre koji pomažu u postizanju maksimalne izvedbe stranice.
Trebat će vam
- - font datoteku u TTF formatu.
instrukcija
1
Da biste koristili skup fontova koji su instalirani na računalu, možete upotrijebiti parametar fonta i obitelji kaskadnih stilskih listova. Da biste to učinili, unesite sljedeći kôd za željenu stavku:
tekst
Ova naredba će prikazati zaglavlje druge razine h2 s tekstom Arial slušalica.2
Ako želite koristiti svoj vlastiti font,prvo se mora prenijeti na hosting i omogućiti upotrebu odgovarajuće naredbe. TTF datoteke su uključene u sljedeću naredbu: @ font-face {font-family: font; src: url (font.ttf); } Atribut font-family u ovom slučaju navodi naziv slušalica fonta, a src: url (font.ttf) određuje put do TTF datoteke.
3
Nakon što omogućite stavku, možete ga koristiti za prikaz teksta:
tekst
Ova naredba je odgovorna za izlaz potrebanfont font italic u zaglavlju druge razine. Ako korisnikov preglednik ne podržava obradu TTF datoteka, upotrijebit će se font sustava (u ovom slučaju Verdana) naveden nakon prve zarezom.4
Neki preglednici ne podržavaju preuzimanjeTTF. Na primjer, Internet Explorer 8 koristi EOT format za prikaz teksta. Za takve preglednike pretvorite originalni TTF koristeći više usluga i na isti način dodajte primljene slušalice u opciju @ font-face.
5
Ako želite uvesti potrebnu datoteku iz drugog resursa, upotrijebite naredbu @import koju trebate napisati na vrhu CSS dokumenta: @import url (http: // adresa fonta)