Koji fontovi znaju html?"

Jeste li se ikada zapitali što fontovi možete koristiti pod HTML-om? Ukratko ćemo to objasniti i isprati.

prikaz

Ako želite stvoriti web stranicu profesionalno, morate brinuti o fontovima za korištenje. Mi kažemo vam koji fontovi HTML koriste od sebe kako možete integrirati više i što trebate uzeti u obzir.

  • Male spise
  • Postojeći HTML fontovi
  • HTML dodatak fontovi
  • primjer

Male spise

Krstici su važna točka u web dizajnu. Zbog pisanja ovisi o tome kako web stranica gleda korisnika i može li ih uopće čitati. Jer u usporedbi s dizajnom ispisa, morate razmotriti mnogo različitih monitora i mobilnih uređaja za web dizajn, čija razlučivost može biti, na primjer, 4k, HD ili samo VGA.

Krstiju s serifovima kao što su "Times" i "puta New Roman" su prikladni na ekranima s niskom razlučivošću, prilično lošijom od onih bez serifa kao što su Arial i Verdana. Fontovi su ili na računalu korisnika ili ih moraju uključiti. Ako je potonji slučaj, svakako morate primijetiti licencu. Jer uz besplatne fontove otvorenog koda postoje i fontovi.

Postojeći HTML fontovi

HTML nema spise. Preglednici koriste one unaprijed instalirane na web-mjestu posjetitelja web-lokacije. To je zbog sustava Windows prema zadanim postavkama "Times New Roman" ako nijedan drugi font nije naveden u HTML / CSS kod. U osnovi, ovisno o korištenom operativnom sustavu, mogu biti odstupanja, kao u sustavu Windows, Linux i MacOS su vrlo različiti fontovi instalirani.

Ako želite odrediti fonta konkretno za odjeljak, alternative treba dodati ako se željeno ne instalira na računalo. Dakle, sljedeći CSS unos "Times New Roman" se koristi kao fonta i alternativno "puta " pod Linux, jer ovdje "Times New Roman" nije instaliran prema zadanim postavkama:

P {Font-obitelj: "Times New Roman", Times, Serif; }

prikaz

Ako preglednik ne pronađe nijedan od navedenih fontova, on koristi sličan.

HTML dodatak fontovi

Prilikom dizajniranja vaše web-lokacije, više se ne oslanjate na fontove instalirane na računalu gledatelja. Jer u HTML bočnim fontovima također mogu biti ugrađeni na mreži koji se mogu dobiti na mreži. Na primjer, pogledajte Google Fontovi Free Open Source Designer Web fontovi koje vam je dopušteno koristiti bez troškova licence.

Sljedeći primjer prikazuje integraciju fonta "robota" u web-stranicu. Veza na font u glavi web-mjesta između i na:

prikaz

Pomoću CSS-a, a zatim dodijelite dijelove font koji će se koristiti. Ako o "Roboto" treba biti zadani font u svim paragrafima, jednostavno napišite sljedeći unos u CSS datoteku ili je integrirajte između oznaka i na HTML bočnoj ploči:

P {Font-obitelj: "Roboto", Sans-serif; }

prikaz

Ako su definicije u vanjskoj CSS datoteci, još uvijek morate integrirati ovu datoteku u područje zaglavlja HTML stranice:

Primjer 1


Integrirajte vanjske fontove
P {Font-obitelj: "Roboto", Sans-serif; }

Naslov u standardni font preglednika


Blaga fasela

Ovaj tekst se ispisuje u fontu "Roboto".


Više o toj temi:

"