CSS Å¡riftai Geriausi 5 Web Safe Fonts naudoti su CSS

Palyginus šriftus įvairiose operacinėse sistemose ir bendrose programinės įrangos paketuose, paliekate labai mažą šriftų pogrupį, vadinamą interneto saugiais šriftais. Tai yra šriftai, kuriuos galite būti pagrįstai įsitikinami, yra įdiegti visuose kompiuteriuose.

.

Web Safe Fonts

Kiekviena iš šių šriftų paslaugų dirba šiek tiek kitaip. Naudodami "Google" šriftus, galite pridėti vieną šriftą, jei norite, arba statyti šriftų kolekciją ir importuoti visus šriftus naudojant vieną nuorodos elementą. EDGE šriftai turi būti pridėta vienu metu su nauju scenarijų elementu kiekvienam šriftui, kurį norite naudoti savo svetainėje. Typekit šriftai gali būti pridėti tik pastatant šrifto rinkinį Typekit svetainėje, kuri yra panaši į "Google" šrifto kolekciją. Tada visą šrifto rinkinį įrašoma į jūsų svetainę vienu metu. Pirmiau pateiktame pavyzdyje failo pavadinimas FONT_KIT. S faktiškai būtų unikali serija numerių ir raidžių automatiškai generuoja TypEKIT, kad nustatytumėte sukūręs šrifto rinkinį. Praktiškai, tuo pačiu metu nenaudojote visų šių paslaugų. Tai labiausiai paplitusi svetainėms gauti visus savo šriftus iš vieno šaltinio arba savarankiškai priimančiais savo svetainės naudojamus šriftus.

.

piktogramos Å¡riftai

Piktogramos plačiai naudojami internete. Nors kai kurios piktogramos yra vaizdo failai, lankstus būdas dirbti su piktogramomis yra naudoti piktogramos šriftą kaip šriftas nuostabus. Anksčiau naudojant piktogramų šriftus buvo šiek tiek sudėtinga ir reikalinga, kad piktogramų šriftų failai būtų savarankiški. Tačiau dėka CDN prieglobos remia "MaxCDN" ir "Bootstrap", kiekvienas gali pridėti šriftų nuostabų piktogramas į savo svetainę, nereikia surengti šriftų failus savo serveryje. Visos instrukcijos pradžios yra prieinami iš šrifto nuostabaus "Github" saugyklos. Tačiau tai tikrai taip paprasta, kaip ir šių dviejų žingsnių:

Kas daro piktogramų šriftus taip daug geriau dirbti su savo įvaizdžio piktogramų kolegomis yra tai, kad jie gali būti stiliaus su visomis tos pačios CSS savybės, naudojamos stiliaus šriftus. Pavyzdžiui, jei norime padidinti piktogramos dydį, pridėkite apvalią foninę spalvą, pakeiskite piktogramos spalvą ir pridėkite papildomų padding visą kelią aplink piktogramą, kurią galime tai padaryti su kai kuriais gana paprastais CSS.

.

Dalis: Web tipografija

Web Safe Fonts yra šriftai, kurie yra iš anksto įdiegta daug operacinių sistemų. Nors ne visos sistemos mesti tuos pačius šriftus įdiegtus, galite naudoti žiniatinklio saugaus šrifto kamino išspręsti keletą šriftų, kurie atrodo panašūs, taip pat yra įdiegta į įvairias sistemas, kurias norite palaikyti. Nesvarbu, ar norite turėti nuosavybės šriftus, išskyrus iš anksto įdiegtus, kaip CSS3, galite naudoti žiniatinklio šriftus.

.

KodÄ—l "Web Safe" reikalas?

Tai vienas iš artimųjų sans-serif šriftų (o tai reiškia, kad nėra mažų garbanos, naudojamos pasveikinti kiekvieną iš dviejų ar daugiau žmonių ar dalykų). Tai dažnai pakeista "Windows" įrenginiuose kitiems įdomiams (skaityti: gražesnius) šriftų pasirinkimus.

.

helvetica

Šrifto šeimyninis turtas turėtų turėti keletą šriftų pavadinimų kaip "atsarginės" sistemos, siekiant užtikrinti maksimalų naršyklių / operacinių sistemų suderinamumą. Jei naršyklė nepalaiko pirmojo šrifto, jis bando kitą šriftą.

.

  • Straipsniai
  • KAIP
  • NEMOKAMAI temos
  • Renginiai
  • Freelancing
  • < Li> Grafinis dizainas
  • Piktogramos
  • Illustrator
  • Ä®kvÄ—pimas
  • logotipai
  • Photography
  • Photoshop
  • tipografija
  • Tapetai
  • dar daugiau.

programuotojai

Šeimos nuosavybė yra šrifto pavadinimų įvairovė kaip "įtempimo" sistema, siekiant užtikrinti maksimalų suderinamumą tarp naršyklės / operacinės sistemos. Jei jūsų naršyklė nepalaiko pirmojo šrifto, jis bando kitą šriftą.

.

serif Å¡riftai

ką gi, tiesa? Kodėl aš tiesiog nesakau tai, kokį šriftą noriu naudoti ir tai? Visa idėja čia yra atsarginės. Naršyklė bandys naudoti pirmuoju nurodytą šriftą (lato, šiuo atveju), bet jei jis neturi, kad šriftas būtų prieinamas, jis nuolat nuleis šį sąrašą. Taigi, kad būtų tikrai verbose čia, kas ši taisyklė sako:

Taigi, kokioje situacijoje būtų naršyklė neturi šrifto, kurį prašote? Tai gana dažna. Yra tik keletas šriftų, kurie yra laikomi "Web Safe" --metis, kad tikėtina, kad dauguma kompiuterių lanko jūsų svetainę, turi tą šriftą įdiegta ir todėl naršyklė gali jį naudoti. Pagalvokite: Arial, Times New Roman, Kurjeris, Gruzija, Verdana ir keletas kitų.

.

Bet dauguma svetainių, šių dienų, naudokite pasirinktinius žiniatinklio šriftus. Jie įkelia šriftą kaip išteklius (lygiai taip pat kaip svetainė apkrova pati kaip išteklius, ar vaizdą ar "JavaScript"), tada kad šriftas yra prieinamas naudoti. Plačiai populiarus "Google" šriftai daro tai gana aišku:

Net kai įdėkite šriftą tokiu būdu, vis dar įmanoma, kad šriftas neįkraunamas. "Google" yra labai patikimas šeimininkė, jūs nekontroliuojate savo serverių; jie daro. Dar dažniau, prastos tinklo jungtys gali užkirsti kelią šriftui nuo pakrovimo. Bet kokiame šrifto pakrovimo gedimo scenarijuje, tai dar viena situacija, kai yra malonus šrifto kaminas.

.

nÄ— vienas

nÄ— vienas

nÄ— vienas
Mes naudojame slapukus
Mes naudojame slapukus, siekiant užtikrinti, kad suteiktume jums geriausią patirtį mūsų svetainėje. Naudodami svetainę sutinkate su mūsų slapukų naudojimu.
Leiskite slapukams.