CSS fontovi Najboljih 5 web sigurnih fontova za upotrebu sa CSS-om

Nakon uspoređivanja slova u različitim operativnim sistemima i uobičajenim softverskim paketima, ostavite s vrlo malim podskupinom tipova, na koje se naziva web sigurna fontova. Ovo su tipove koji možete biti razumno sigurni da su instalirani na svim računarima.

Web sigurni fontovi

Svaki od ovih usluga fontova djeluje malo drugačije. Sa Google Fontovima možete dodati jedan font ako želite ili izgradite kolekciju fontova i uvozite sve fontove pomoću jedinstvenog elementa veze. Edge fontovi moraju biti dodani jedan po jedan po jedan sa novim elementom skripte za svaki font koji želite koristiti na vašoj web lokaciji. TypeKit fontovi mogu se dodati samo izgradnjom kompleta fonta na web mjestu TypeKit, što je slično kolekciji Google Fontova. Čitav komplet fonta se zatim dodaje vašoj web lokaciji odjednom. U gornjem primjeru, naziv datoteke font_kit. S bi zapravo bio jedinstvena serija brojeva i slova Automatski generirani od strane TypeKit za identifikaciju kompleta za font koji ste stvorili. U praksi ne biste istovremeno koristili sva tri ove usluge. Najčešća je za web stranice da dobiju sva svoja fontova iz jednog izvora ili samo-domaćin fontova koje koriste njihova web stranica.

Ikona fontovi

Ikone se intenzivno koriste na webu. Dok su neke ikone slikovne datoteke, najfleksibilniji način rada sa ikonama je korištenje ikone font poput fontova strašan. U prošlosti je korištenje ikona fontova malo komplicirana i zahtijevala je da se ikona datoteka fonta bile samo-hostiraju. Međutim, zahvaljujući CDN hostingu sponzoriranim od strane MAXCDN i Bootstrap, svako može dodati fent fenomenalne ikone na njihovu web stranicu bez potrebe da bi bilo domaćin datoteka fontova na vlastitom poslužitelju. Potpuna uputstva za početak dostupna su iz Font Awesome GitHub spremišta. Međutim, zaista je jednostavno kao i ova dva koraka:

Što se ikona čini toliko bolje za rad s njihovim ikonom slike je da mogu biti oblikovani sa svim istim CSS svojstvima koji se koriste za fontove u stilu. Na primjer, ako želimo povećati veličinu ikone, dodajte okrugla pozadinu, promijenite boju ikone i dodajte nekoliko dodatnih podmetača skroz i na ikonu mi to možemo učiniti s nekim prilično jednostavnim CSS-om.

Dio: web tipografija

Web Sigurni fontovi su fontovi koji su unaprijed instalirani mnogim operativnim sistemima. Dok nisu bili ugrađeni sa svi sistemima u instaliranim istim fontovima, možete koristiti Web Sigurni snop fonta da biste riješili nekoliko fontova koji izgledaju slično, kao i ugrađene na različite sustave koji želite podržati. Bilo da želite vlasnički fontovi osim one unaprijed instalirane, kao i CSS3, možete koristiti web fontove.

Zašto je stvar "Web Sigurna"?

To je jedan od skoro široko korištenih fontova Sans-Serif (što znači da nema male kovrče na kraju korišćenog za savjetovanje svakog od dva ili više slova ili stvari). Često se zamijeni na Windows uređajima za druge zanimljive (čitanje: ljepši) izbora fonta.

Helvetica

Nekretnina porodice fontova trebala bi održati nekoliko imena fonta kao "Fallppp" sistem, kako bi se osigurala maksimalna kompatibilnost između preglednika / operativnih sistema. Ako pretraživač ne podržava prvi font, on pokušava sljedeći font.

  • ÄŒlanci
  • Kako
  • Besplatno Teme
  • DogaÄ‘aji
  • Freelancing
  • < Li> Grafički dizajn
  • Ikone
  • ilustrator
  • inspiracija
  • > Photoshop
  • tipografija
  • pozadina
  • joÅ¡ viÅ¡e.

Programiranje

Nekretnina porodice font je različita imena fonta kao "soj" sustava, kako bi se osigurala maksimalna kompatibilnost između pregledača / operativnog sistema. Ako vaš pretraživač ne podržava prvi font, on pokušava sljedeći font.

Serif fontovi

Što je dovraga, zar ne? Zašto ne samo kažem kojim fontom želim da koristim i to je to? Cijela ideja ovdje je obrok. Preglednik će pokušati koristiti font koji ste prvi put naveli (lato, u ovom slučaju), ali ako nema tog fontova, nastavit će se spustiti s tim popisom. Dakle, ovdje je stvarno verboza, ono što to pravilo kaže:

Dakle, u kakvoj bi se situaciji preglednik ne imao font koji tražite? To je prilično uobičajeno. Postoji samo pregršt fontova koji se smatraju "Web Sefom" -Meaning da verovatno većina računara posjećuju vašu web lokaciju ima taj font i tako da ga pretraživač može koristiti. Mislite: Arial, Times New Roman, Kurir, Gruzija, Verdana i šaka drugih.

Ali većina web stranica ovih dana koristite prilagođene web fontove. Učitavaju font kao resurs (baš kao što je web stranica opterećuje samo sama CSS kao resurs ili sliku ili JavaScript), tada je taj font dostupan za upotrebu. Široko popularni Google fontovi čini tako jasnim:

Čak i kada na ovaj način učitate font, još uvijek je moguće da se font ne učita. Dok je Google uglavnom vrlo pouzdan domaćin, ne kontrolirate njihove servere; oni to rade. Još češće, loših mrežnih veza mogu spriječiti font od utovara. U bilo kojem scenariju punjenja fonta, to je još jedna situacija u kojoj se ručno dođe na hranjenje fontova fontova.

nijedan

nijedan

nijedan
Koristimo kolačiće
Koristimo kolačiće kako bismo osigurali da vam damo najbolje iskustvo na našoj web stranici. Korištenjem web stranice prihvaćate našu upotrebu kolačića.
Dopustite kolačiće.