Jei su interneto dizainu žaidžiate atsitiktinai, arba jei norite šiek tiek papildyti savo svetainę, galite pajusti, kad vienas geriausių būdų tai padaryti yra šriftai. Žaisti su šriftais gali būti gana smagu ir patenkinama, tačiau žiniatinklyje yra viena pagrindinė kliūtis su šriftais.
Mes įpratę visame žiniatinklyje matyti įvairius skirtingus šriftus, tačiau pagalvoję beveik visada tuos šriftus matote vaizduose. Tikrasis tinklalapio tekstas yra vienas iš standartinių šriftų, tokių kaip „Verdana“, „Times New Roman“ ar „Arial“. Kodėl tinklaraštininkai nepagardina savo tinklaraščių naujais šriftais?
Atsakymas slypi šriftų darbe. Šriftai yra failai, įdiegti kompiuteryje kaip operacinės sistemos dalis. Galite naudoti bet kokį norimą šriftą kurdami savo internetinį dizainą, tačiau jį matys tik visi, kurie šriftą yra įdiegę savo kompiuteryje. Jums tai, žinoma, atrodys gerai, bet kai žiūrite svetainę iš savo telefono, iš kito jūsų tinklo kompiuterio ar vartotojo kompiuterio, esančio per pusę pasaulio, jo šriftas nebus įdiegtas. Jūsų tekstas bus rodomas kaip vienas iš numatytųjų atsarginių šriftų, o vartotojas niekada nežinos, kad pirmiausia bandėte naudoti kitą šriftą. Vienintelė užuomina gali būti ta, kad tarpai yra nelyginiai, nes norimas naudoti šriftas labai skiriasi nuo standartinio šrifto.
Keli praktiškai kiekvienam vartotojui prieinami šriftai, beje, vadinami „Saugūs žiniatinklio šriftai“. Tai yra šriftai, kuriuos pagal numatytuosius nustatymus galima įsigyti beveik kiekviename įrenginyje, todėl juos saugu naudoti didžiojoje potencialaus srauto dalyje. Šių šriftų sąrašą ir visa tai galite peržiūrėti čia. „Arial“, „Courier New“, „Times New Roman“ ir „Verdana“ yra įprasti saugūs žiniatinklio šriftai.
Per tuos metus buvo keli būdai, kaip gauti šriftus. Kai kuriose senose svetainėse būtų naudojami scenarijai, kurie bandė priversti vartotoją atsisiųsti šriftą, kuris būtų naudojamas teisingam svetainės rodymui, tačiau tai yra nepaprastai pavojinga. Nė vienas intelektualus šiuolaikinis vartotojas nepasitikės tokiu automatiniu atsisiuntimu ir diegimu, ir iš tikrųjų šis metodas buvo naudojamas paslėpti įvairias kenkėjiškas programas.
Įveskite: žiniatinklio šriftai
Šiuo metu pakankamai žmonių turėjo pakankamai organizacijos, kad galėtų priimti plačius sprendimus dėl interneto veikimo būdo. Štai kaip mes pasiekiame šiuolaikinius standartus, tokius kaip CSS, ir kurie HTML elementai yra palaikomi, o kurie ne. Taip mes taip pat pasiekėme žiniatinklio šriftus.
Žiniatinklio šriftai yra šriftai, kurie atsisiunčiami kaip serverio skambučio ir atsakymo dalis, kai vartotojas įkelia puslapį su nestandartiniu šriftu. Tuomet žiniatinklio šriftai turėjo būti sukurti naudojant specialų įrankį (1997 m.), Todėl idėja nepasiekė. Tada, 2010 m., „Mozilla Foundation“, „Microsoft“ ir „Opera“ susivienijo, kad W3C palaikytų WOFF formatą. WOFF arba „Web Open“ šriftų formatas palaiko daugybę šriftų ir veikia tuo pačiu senu metodu, tiesiog atsisiųsdami ir naudodami šriftą fone. Tačiau kadangi tai yra ribotas ir patikrinamas formatas, kenkėjiškos programos jo neišnaudoja.
Taip pat 2010 m. „Google“ išleido „Google“ šriftus, tai yra nemokamų žiniatinklio šriftų, kuriuos gali naudoti interneto dizaineriai, duomenų bazė. Kai kurie iš šių šriftų yra unikalūs, o kiti imituoja esamus ne žiniatinklio šriftus. Nuo šio rašymo „Google Fonts“ turi keletą Jų sąraše – 889 šriftai.
Jei norite naudoti nestandartinį šriftą prie savo interneto dizaino, tai gana lengva. Viskas, ką jums tikrai reikia padaryti, yra naudoti tam skirtą žiniatinklio šriftą. Kaip tu gali tai padaryti? Patikrinkime.
Kur rasti šriftus
Prieš pradedant, reikia padaryti vieną svarbią pastabą. „Google Fonts“ kataloge yra beveik 900 galimų šriftų, tačiau galbūt norėsite kažko kito. Tiesą sakant, galite naudoti beveik bet kokį šriftą kaip tinklinį šriftą su tinkamu formatavimu. Reikalas tas, kad dauguma šriftų iš tikrųjų nėra laisvai naudojami. Daugelis šriftų gali turėti licenciją, pagal kurią reikalaujama mokėti už šrifto naudojimą arba naudojimą tik nekomerciniais būdais arba kreditą šrifto kūrėjui. Kaip ir galima tikėtis, tai gali būti vargas ir brangus dalykas, todėl dažniausiai to visiškai nepaisysiu. Naudokite laisvai prieinamą šriftą ir sutaupykite sau rūpesčių.
Jei jums nepatinka „Google“ šriftų siūlomos pasiūlos, yra daugybė visų rūšių šriftų katalogų. Štai keletas variantų:
Internetinės šriftų paslaugos tam tikru požiūriu yra blogesnės nei tiesiogiai perkant šriftus. „Google“ šriftai yra nemokami, tačiau kitos šriftų paslaugos dažniausiai grindžiamos prenumerata, o laikui bėgant išlaidos gali padidėti.
Šrifto diegimas ir naudojimas
Gerai, norėdamas gauti instrukcijas, manau, kad „Google“ šriftų bibliotekoje galite rasti tai, ką norite naudoti. Kalbant apie:
1 žingsnis: raskite jums patinkantį šriftą. „Google Fonts“ yra gana tvirta sistema. Stilių bibliotekoje galite dinamiškai pakeisti tekstą, teksto dydį, formatavimą ir net šrifto stilių. Pavyzdžiui, „Cedarville Cursive“ turi tik vieną stilių, o „Titillium Web“ turi 11 stilių, įskaitant pusjuodį, kursyvą, ypač lengvą ir ypač didelį simbolių svorį.
Be to, galite filtruoti šriftus, ieškodami specifinių savybių, kurių norite savo interneto dizainui. Galite ieškoti „serif“ arba „sans serif“ šriftų, rodomų šriftų, rašysenos stiliaus šriftų ir „space space“ šriftų. Galite ieškoti populiarėjančių šriftų ir ieškoti skirtingų storio, stiliaus prieinamumo, šrifto pakrypimo ir simbolių pločio lygių. Jūs netgi galite pakoreguoti „Google Fonts“ puslapio fono spalvą, kad sužinotumėte, kaip šriftas gali atrodyti kita spalva.
Tarkime, kad norite naudoti, tarkime, „Nunito“. Šrifto puslapyje galite pamatyti daug įvairios informacijos, įskaitant simbolių sąrašą, informaciją apie šrifto dizainerį ir patį šriftą, galimų stilių vaizdą, geografinį šrifto naudojimo paskirstymą ir kartų skaičių šriftas buvo naudojamas praėjusią savaitę.
2 žingsnis: naudokite šriftą. Šrifto puslapio viršuje galite pamatyti „Pasirinkite šį šriftą“ mygtuką. Spustelėkite tai ir ekrano apačioje pasirodys maža juosta. Tai yra „Google“ šriftų valdiklis. Galite grįžti ir pasirinkti kitus šriftus, kuriuos taip pat norite naudoti, arba tiesiog laikytis vieno šrifto.
Kodėl galbūt norėtumėte daugiau nei vieno šrifto? Kai kurie dizaineriai mėgsta antraštėms naudoti skirtingus šriftus. Galite citata rašyti ranka stiliaus šriftą. Blokuotose kabutėse ar paveikslėlių antraštėse galite naudoti skirtingus šriftus. Tikrai viskas priklauso nuo to, kiek norite susitvarkyti su šrifto naudojimo konfigūravimu.
Jei spustelėsite juostą apačioje, pamatysite išplėstinį „Google“ šriftų valdiklį. Tai parodys jūsų pasirinktus šriftus ir du variantus: įterpti šriftą tokį, koks yra, arba pritaikyti jį. Norėdami įterpti tokį šriftą, žiūrėkite žemiau, kur matote „Standard“ arba „@Import“.
Yra labai gilus techninių skirtumų rinkinys tarp standartinių šriftų importavimo ir @import parinkties. Atvirai sakant, niekas iš tikrųjų nesvarbus tiems, kurie skaito šį pagrindinį tinklaraščio įrašą apie naujų šriftų naudojimą. Nesirinkite @import, tiesiog naudokite standartinę importavimo parinktį.
Jei spustelėsite „pritaikyti” parinktį, galite pamatyti įvairias parinktis, kurias galima naudoti pasirinkus jūsų šriftą. Mūsų „Nunito“ pasirinkimas yra 14 skirtingų stilių, pradedant nuo ypač šviesios iki ypač tamsios, numatytasis įprastas ir paryškintas variantas. Jei norite naudoti šias formatavimo parinktis savo tekste, galite pridėti kursyvą ir pusjuodį kursyvą. Taip pat galite pamatyti, kad „Nunito“ veikia su lotynų abėcėlės rinkiniu, išplėstiniu lotynų rinkiniu ir vietnamiečių rinkiniu. Jums tikriausiai reikia tik lotynų kalbos, bet jei norite papildomo simbolių palaikymo, galite pasirinkti „Latin Latin“.
Viršutiniame kampe pastebėsite, kad yra žalias ovalas „Pakrovimo laikas: greitas“ jame. Tai yra „Google“ įvertinimas, kaip greitai šis konkretus šriftas bus įkeltas vartotojui. Iš esmės, kuo daugiau norėsite naudoti šriftų ir kuo daugiau naudosite tam tikro šrifto stilių, tuo ilgiau užtruks, kol jie bus įkelti vartotojui, ir ilgesnis bus puslapio įkėlimo laikas.
Tai pirmiausia aktualu SEO. Puslapio įkėlimo laikas yra paieškos reitingavimo veiksnys, todėl metant 20 skirtingų šriftų į krūvą tik kelioms nelyginėms formatavimo parinktims, gali pakenkti labiau nei tai padeda. Nenorite sulėtinti savo svetainės, kad tik įkeltumėte šriftą, kurį naudojate tik dviem citatų laukeliams savo puslapyje.
3 žingsnis: įklijuokite kodą. Pasirinkę konfigūracijos parinktis ir norimus įterpti šriftus, langelyje ieškokite Standartinis. Pamatysite tai, kas atrodo .
Tai jūsų šrifto įdėjimo kodas. Standartinėje svetainėje įklijuokite tai į jūsų kodo skiltį. Tačiau jei naudojate „Blogger“ ar „WordPress“, turėsite atlikti šiek tiek kitokių veiksmų.
„WordPress“
Jei naudojate „WordPress“ svetaines, raskite savo temai skirtą HTML šablono failą. Paprastai patartina sukurti vaiko temą tėvų temai, todėl neredaguojate ir negalite grįžti atgal. Kai kurios temos taip pat neleidžia redaguoti pradinės temos. Skirtingos temos išdėstomos skirtingais būdais, tačiau paprastai norite rasti savo antraštė.php redaguoti failą. Raskite skyrių
ir pridėkite savo šrifto kodą.
Jei nerimaujate dėl svetainės greičio ir todėl naudojate „Genesis“ sistemą, turėsite redaguoti naudodami „Genesis“. Eikite į „Genesis“ informacijos suvestinę ir raskite temos nustatymus. Skyriuje Antraštės ir poraštės scenarijai įklijuokite kodą.
„Blogger“
Tinklaraštininkui turėsite eiti į savo „Blogger“ informacijos suvestinę ir spustelėti Šablonas skyrius. Spustelėkite Redaguoti HTMLir suraskite savo kodo skiltį
.
Jums gali tekti redaguoti kodo bloką, į kurį įklijuosite, kad galėtumėte naudoti su „Blogger“. Jei jūsų šriftas neveikia tinkamai, grįžkite ir raskite kodo bloką. Dalis, kur ji turi rel = ”stiliaus lapas”>, pridėkite /, todėl atrodo rel = ”stiliaus lapas” />. Jei stiliaus lapo bitai nėra paskutiniai, įdėkite / pabaigoje prieš >. Tai yra svarbi dalis, pozicija /.
Dabar, norėdami iš tikrųjų naudoti šriftą, turite jį pakviesti į savo CSS. Turėsite naudoti „font-family“: „Nunito“ arba bet kokią iš tikrųjų pasirinktą šriftų grupę, kad nurodytumėte tą šriftą kaip tekstą.
Dabar belieka išsaugoti pakeitimus ir naudoti šriftus savo dizainuose. Jūs visada galite pakeisti šriftus vėliau arba pridėti naujų šriftų prie savo kodo. Tiesiog nepamirškite, kad jei pašalinsite šriftų grupę, bet koks kodas, kuriam šiuo metu reikalinga šriftų šeima, nepavyks ir vėl bus naudojamas numatytasis žiniatinklio saugus šriftas. Prieš pašalindami jį iš kodo, įsitikinkite, kad nebenaudojate šrifto.
Drewas Hendricksas yra „Blogpros“ BRO ir prisidėjęs prie „Inc, Entrepreneur and Success“ rašytojo.