Lastna pisava na strani. Namestitev novih pisav v MS Word Kako uporabljati nameščene pisave

Vlad Merževič

Pisava je sestavni del spletnega oblikovanja, daje spletnemu mestu izraznost in prepoznavnost, izraža značilen slog spletnega mesta in je neposredno povezana z zaznavanjem besedil. Dobro izbrana pisava morda ne bo opazna, vendar brez nje ne bo nobene privlačnosti, ki daje zasnovi spletnega mesta popolnost.

Če imate v računalniku že nameščeno določeno pisavo, slogom preprosto dodajte vrstico.

h1 (družina pisav: SuperPuperFont; )

Vrednost lastnosti družine pisav je ime vrste pisave; uporabljena bo za vse naslove

. Toda kaj bodo videli obiskovalci spletne strani, če naša spektakularna in redka pisava ni nameščena? Ta situacija je najverjetnejša, tako da če brskalnik ne prepozna deklarirane pisave, bo uporabil privzeto pisavo, na primer v sistemu Windows je to Times New Roman. Vsa naša skrbno premišljena tipska zasnova se bo čez noč sesula in šla v prah, zato moramo iskati najbolj univerzalno rešitev. Prva stvar, ki nam takoj pride na misel, je urediti, da se datoteka s pisavami prenese na uporabnikov računalnik in se besedilo prikaže v izbrani pisavi. V primerjavi z drugimi metodami, kot je prikaz besedila skozi sliko, je ta metoda najpreprostejša in najbolj vsestranska.

Kakšne prednosti nam na koncu da nalaganje datoteke s pisavami in njena uporaba prek CSS?

• Besedilo je enostavno dodajati in urejati.
• V brskalniku lahko uporabite iskanje in poiščete želene fraze.
• V nastavitvah brskalnika lahko zmanjšate ali povečate velikost pisave za udobno gledanje.
• Iskalniki Dobro indeksirajo vsebino dokumentov.
• Besedilo je mogoče izbrati in kopirati v odložišče ter prevesti v drug jezik.
• Besedilne parametre, kot so razmik med vrsticami, barva, velikost in podobno, je mogoče preprosto spremeniti z uporabo lastnosti CSS.
• Z uporabo CSS lahko besedilu preprosto dodate različne učinke, na primer senco.

Kot lahko vidite, je veliko prednosti. Obstajajo tudi majhne pomanjkljivosti in jih je za uravnoteženost vredno omeniti.

• Vse različice brskalnika ne podpirajo prenosljivih pisav in formatov, ki ustrezajo vsem.
• Datoteka s tipografijo pisave lahko zavzame veliko prostora in s tem upočasni nalaganje spletne strani.

V tabeli 1 navaja različice brskalnika in formate pisav, ki jih podpirajo.

Tabela 1. Podprti formati

Oblika	internet Explorer	Chrome	Opera	Safari	Firefox	Android	iOS
TTF	9.0+	4.0+	10.0+	3.1+	3.5+	2.2+
EOT	5.0-8.0
WOFF	9.0+	5.0+			3.6+
SVG		1.0+	9.0+	3.1+	3.5+		1.0+

Najbolj podprt format je TTF. Z izjemo IE do različice 9.0 in iOS-a ga vsi brskalniki odlično razumejo. Torej, če je vaša pisava v tej obliki in ciljate na sodobne brskalnike, vam ne bo treba narediti nobenih dodatnih dejanj. Dovolj je, da naslednjo kodo napišete v slogih (primer 1).

Primer 1: povezava TTF

HTML5 CSS3 IE 8 IE 9+ Cr Op Sa Fx

Najprej naložimo samo datoteko pisave z uporabo pravila @font-face. Znotraj nje zapišemo ime pisave pisave prek parametra font-family in pot do datoteke prek src. Nato uporabimo pisavo kot običajno. Torej, če moramo nastaviti pisavo naslova, potem za izbirnik h1, kot je prikazano v primeru, nastavimo lastnost font-family z imenom naložene pisave. Za starejše različice IE navajamo nadomestne možnosti, ločene z vejicami. V tem primeru bo naslovna pisava "Comic Sans MS", saj IE8 in novejši ne podpirajo formata TTF.

Rezultat tega primera je prikazan na sl. 1.

riž. 1. Glava z naloženo pisavo

Kaj storiti, če nujno potrebujete cvetočo pisavo v IE8? Na srečo vam @font-face omogoča, da hkrati vključite več datotek s pisavami različnih formatov. Brskalnik mora samo izbrati ustreznega. Univerzalna rešitev, ki deluje v vseh brskalnikih, se tako zmanjša na pretvorbo obstoječega zapisa TTF v EOT in nato povezavo obeh datotek.

Za pretvorbo obstaja več spletnih storitev, ki vam omogočajo, da naložite datoteko TTF in prejmete datoteko EOT kot izhod. Na žalost ima večina teh storitev enako težavo - prejmemo datoteko, vendar ruski jezik ni podprt. Zaradi tega želeni rezultat ni dosežen, pretvorba se zgodi nepravilno. Med spletnimi mesti, ki sem jih pregledal, je bilo eno, ki je pravilno prikazovalo besedilo v IE.

Gremo na to spletno mesto, prenesemo datoteko TTF in kliknemo gumb »Pretvori TTF v EOT«, nato pa shranimo nastalo datoteko v mapo s pisavami. V slogih ostane še izvesti majhen trik in silo različne brskalnike prenesite pisavo v zahtevani obliki. Da bi to naredili, dodamo dva parametra src. Prva kaže na datoteko EOT in je namenjena starejšim različicam IE. Drugi parameter src mora vsebovati dva naslova, ločena z vejico, od katerih eden kaže na datoteko TTF. Dejstvo je, da IE različice 8.0 in starejše ne razumejo vejice v parametru src in bodo zato prezrle celoten parameter. Možnosti pisanja je lahko več, na primer ponovite url, določite ime pisave znotraj lokalnega parametra ali celo napišite neobstoječo pisavo. Če brskalnik ne more naložiti takšne pisave, bo šla na drugo na seznamu in imamo pravilno zapisano. Sprejemljive metode pisanja.

src: url(pisave/pompadur.ttf), url(pisave/pompadur.ttf);
src: lokalni (pompadur), url (pisave/pompadur.ttf);
src: lokalno ("bla bla"), url (pisave/pompadur.ttf);

Delujoča možnost za povezavo pisave za vse različice brskalnika je prikazana v primeru 2.

Primer 2: povezava EOT

HTML5 CSS3 IE Cr Op Sa Fx

Sodoben element političnega procesa

Pravzaprav Montesquieujevi politični nauki uveljavljajo kontinentalno evropski tip politične kulture, ki se odraža v delih Michelsa.

Kar zadeva iOS, se mi zdi, da nima smisla izdelovati in prenašati ločene pisave v formatu SVG. Občinstvo spletnih mest, ki si ga ogledujejo prek iOS-a, je še vedno majhno, poleg tega pa je različica spletnega mesta za mobilne naprave Trudijo se olajšati in ni priporočljivo prenašati dodatnih nekaj deset kilobajtov.

Googlove spletne pisave

Priročno storitev, ki skrbi za rutino podpore različnih formatov pisav in različic brskalnika, najdete na www.google.com/webfonts. Čeprav je v zbirki razmeroma malo različnih pisav (več deset jih je), so vse izbrane zelo kakovostne in brezplačne za uporabo na spletnih straneh.

Preden izberete pisavo, preklopite vrednost Script na Cyrillic, nato boste videli seznam pisav, ki podpirajo ruski jezik (slika 2).

riž. 2. Izbiranje pisav v storitvi Google Web Fonts

Pisavo, ki vam je všeč, morate najprej dodati v zbirko s klikom na gumb »Dodaj v zbirko« in nato na gumb »Uporabi« v spodnjem desnem kotu zaslona. Na naslednji strani (slika 3) lahko končno izberete pisave, ki jih potrebujete. Hkrati morate razumeti, da lahko tip pisave vsebuje več slogov in vsak od njih poveča količino prenesenih datotek.

riž. 3. Pisave, naložene na stran

Izbrane fonte lahko povežete na enega od treh načinov, dodano kodo lahko kopirate pod stran.

1. Via element . Črta bo videti nekako takole.

2. Preko pravila @import. To vrstico vstavimo v našo datoteko CSS na samem vrhu.

@import url(http://fonts.googleapis.com/css?family=Philosopher&subset=cyrillic);

3. Prek JavaScripta.

Načeloma so vse poti enake, zato izberite po svojih željah.

Prednosti uporabe te storitve so naslednje.

• Pisave so brezplačne za uporabo, zanje vam ni treba plačati.
• Ponujene pisave so “nabrušene” za ogled na zaslonu, datoteke so optimizirane in zavzemajo relativno majhen obseg.
• Brskalnik se zazna samodejno in zanj se zagotovi pisava v zahtevani obliki.

Ena od glavnih prednosti storitve je, da so pisave shranjene v formatih TTF, EOT, WOFF, SVG in se naložijo po preverjanju brskalnika. Tako bo format EOT na voljo samo za starejše različice IE.

Ali boste uporabljali Google Web Fonts ali ne, je odvisno od vas. Če tam ne najdete ustrezne pisave, lahko vedno povežete priljubljen in razširjen TTF. Poleg tega ga podpirajo najnovejše različice vseh priljubljenih brskalnikov.

Pri postavljanju strani se morate občasno soočiti z nestandardnimi pisavami. Seveda jih ne bi smeli uporabljati kot glavne na spletnem mestu, vendar je v različnih posameznih elementih, na primer v glavi, povsem mogoče. Težava s temi pisavami je v tem, da jih morda preprosto ni na uporabnikovem računalniku, kar bo povzročilo, da bo ustrezno besedilo prikazano v standardni pisavi, posledično bo predvidena oblika pokvarjena. To težavo je mogoče rešiti zelo preprosto: vse nestandardna pisava je preprosto izrezana kot slika. Vendar pa obstaja tudi drug način za uporabo pisave po meri na spletnem mestu.

Naj napišem koda CSS, nato pa bom razložil:

@font-face (
družina pisav: SpecialFont;
src: url("font/specialfont.ttf");
}
p(
družina pisav: SpecialFont;
}

Kot rezultat, do oznak

pisava bo uporabljena Posebna pisava. Mislim, da je koda precej pregledna, a bom vseeno razložil. Pridobiti morate pisavo in jo naložiti na svoje spletno mesto, na primer v mapo pisava. Naslednji v koda CSS registriraj se @font-face njegovo ime in pot do njega, nato pa ga lahko uporabite.

Vendar ni brez razloga, da v večini primerov uporabljajo slike za prikaz nestandardnih pisav. V uporabi @font-face ima 2 pomanjkljivosti:

1. Obstajajo zelo velike pisave, ki tehtajo na stotine kilobajtov, in to dramatično podaljša čas nalaganja strani.
2. Drugi minus je še hujši. Vsi brskalniki ne podpirajo te funkcije Poleg tega nekateri brskalniki zahtevajo pisavo v drugačni obliki (ne ttf). Tako nekateri še vedno ne bodo videli vaše pisave. Če želite rešiti to težavo, morate prenesti isto pisavo v različnih formatih, kar bo močno povečalo prvo pomanjkljivost.

A velja omeniti, da prvi minus ni več tako pomemben kot prej. Ker hitrost internetne povezave raste zelo hitro, malo ljudi skrbi za dodatne 100-200 KB.

Drugi minus tudi ni tako pomemben. Edini bolj ali manj priljubljeni brskalniki, ki ne bodo razumeli te kode, so IE8 in novejši, plus iOS. Vsi drugi sodobni brskalniki bodo to kodo razumeli brez težav.

Glede na to IE8 je še razmeroma popularen, potem se jaz osebno zaenkrat umaknem nestandardne pisave so še vedno na voljo kot slike, vendar resnično upam, da bo ta brskalnik v bližnji prihodnosti postal zgodovina in ga bo takrat mogoče uporabljati pisave @font-face in ttf.

P.S.Čestitke vsem ženskam ob pomladnih praznikih!

IN najnovejše različice urejevalnik besedil Microsoft Word Obstaja precej velik nabor vgrajenih pisav. Večina jih je, kot je bilo pričakovano, sestavljenih iz črk, nekateri pa namesto črk uporabljajo različne simbole in znake, kar je tudi zelo priročno in potrebno v mnogih situacijah.

In vendar, ne glede na to, koliko vgrajenih pisav ima MS Word, standardni nabor vedno ne bo zadostoval za aktivne uporabnike programa, še posebej, če želite nekaj resnično nenavadnega. Ni presenetljivo, da lahko na internetu najdete veliko pisav za ta urejevalnik besedil, ki so jih ustvarili razvijalci tretjih oseb. Zato bomo v tem članku govorili o tem, kako dodati pisavo v Word.

Pomembno opozorilo: Pisave, tako kot katero koli drugo programsko opremo, prenašajte samo z zaupanja vrednih spletnih mest, saj lahko mnoge od njih vsebujejo viruse in drugo zlonamerno programsko opremo. Ne pozabite na lastno varnost in varnost vaših osebnih podatkov, ne prenašajte pisav, ki so na voljo v namestitvi EXE datoteke, saj so dejansko distribuirani v arhivih, ki vsebujejo datoteke v formatih OTF ali TTF, ki jih podpira Windows OS.

Tukaj je seznam varnih virov, iz katerih lahko prenesete pisave za MS Word in druge združljive programe:

Upoštevajte, da so vsa zgornja spletna mesta izjemno priročno implementirana in da je vsaka od pisav predstavljena jasno in razumljivo. To pomeni, da pogledate sliko predogleda, se odločite, ali vam je ta pisava všeč in ali jo sploh potrebujete, in šele nato jo prenesete. Pa začnimo.

1. Izberite primerno pisavo na enem od spletnih mest, ki jih ponujamo (ali na drugem, ki mu popolnoma zaupate) in ga prenesite.

2. Pojdite v mapo, v katero ste prenesli arhiv (ali samo datoteko) s pisavami. V našem primeru je to namizje.

3. Odprite arhiv in ekstrahirajte njegovo vsebino v katero koli priročno mapo. Če ste prenesli pisave, ki niso arhivirane, jih preprosto premaknite na mesto, kjer lahko preprosto dostopate do njih. Ne zapirajte te mape.

Opomba: Poleg datoteke OTF ali TTF lahko arhiv s pisavami vsebuje tudi datoteke drugih formatov, na primer slikovno in Besedilni dokument, kot v našem primeru. Teh datotek ni treba ekstrahirati.

4. Odprite .
IN Windows 8–10 to lahko storite s tipkami Win+X, kjer morate na seznamu, ki se prikaže, izbrati . Namesto tipk lahko z desno miškino tipko kliknete tudi ikono menija "Začni".

IN Windows XP - 7 ta razdelek je v meniju "Začni" — .

5. Če je v načinu za ogled "Kategorije", kot v našem primeru, preklopite v način prikaza majhnih ikon - na ta način lahko hitro najdete želeni predmet.

6. Tam poiščite predmet "Pisave"(najverjetneje bo eden zadnjih) in kliknite nanj.

7. Odpre se mapa s pisavami, nameščenimi v sistemu Windows. Vanj postavite datoteke s pisavami, ki ste jih predhodno prenesli in ekstrahirali iz arhiva.

Nasvet: Lahko ga (jih) preprosto povlečete z miško iz mape v mapo ali uporabite ukaze Ctrl+C(kopija) oz Ctrl+X(rez) in nato Ctrl+V(vstavi).

8. Po kratkem postopku inicializacije bo pisava nameščena v sistem in prikazana v mapi, kamor ste jo premaknili.

Opomba: Nekatere pisave so lahko sestavljene iz več datotek (na primer navadne, poševne in krepke). V tem primeru morate vse te datoteke postaviti v mapo s pisavami.

Namestitev nove pisave v Word

1. Zaženite Word in poiščite novo pisavo na seznamu standardnih, vgrajenih v program.

2. Pogosto iskanje nove pisave na seznamu ni tako enostavno, kot se morda zdi: prvič, tam jih je že precej, in drugič, njeno ime, čeprav je napisano v lastni pisavi, je precej majhno.

Če želite hitro najti novo pisavo v MS Wordu in jo začeti uporabljati pri tipkanju, odprite pogovorno okno skupine »Pisava« s klikom na majhno puščico v spodnjem desnem kotu te skupine.

3. Navedeno "Pisava" poiščite ime nove pisave, ki ste jo namestili (v našem primeru je Altamonte za osebno uporabo) in jo izberite.

Nasvet: V oknu "Vzorec" lahko vidite, kako izgleda pisava. To vam bo pomagalo, da jo hitreje najdete, če se ne spomnite imena pisave, vendar si jo zapomnite vizualno.

4. Ko kliknete "V REDU" v pogovornem oknu "Pisava", boste preklopili na novo pisavo in jo lahko začeli uporabljati.

Vdelava pisave v dokument

Ko namestite novo pisavo na svoj računalnik, jo boste lahko uporabljali le sami. To pomeni, da če besedilni dokument, napisan v novi pisavi, pošljete drugi osebi, ki te pisave nima nameščene v sistemu in zato ni integrirana v Word, potem zanjo ne bo prikazana.

Če želite, da je nova pisava na voljo ne le na vašem osebnem računalniku (no, na tiskalniku ali bolje rečeno na natisnjenem listu papirja), ampak tudi na drugih računalnikih, drugih uporabnikih, jo morate vdelati v besedilni dokument. Spodaj preberite informacije o tem, kako to storiti.

Opomba: Vdelava pisave v dokument bo povečala velikost dokumenta MS Word.

1. V Wordovem dokumentu pojdite na zavihek "Opcije", ki ga lahko odprete prek menija "Mapa"(Word 2010 - 2016) ali gumb "MS Word" (2003 — 2007).

2. V pogovornem oknu »Možnosti«, ki se odpre pred vami, pojdite na razdelek "Ohranjanje".

3. Označite polje poleg predmeta "Vdelaj pisave v datoteko".

4. Izberite, ali želite vdelati samo znake, ki se uporabljajo v trenutnem dokumentu (s tem boste zmanjšali velikost datoteke) ali pa želite izključiti vdelavo sistemskih pisav (pravzaprav ni potrebno).

Pravzaprav lahko končamo tukaj, saj zdaj veste, kako namestiti pisave v Wordu, potem ko ste jih predhodno namestili v Windows. Želimo vam uspeh pri obvladovanju novih funkcij in neomejenih možnosti. Microsoft programi Beseda.

Brez pisave so knjige, blogi, objave o tečajih skiciranja ali ustvarjanje snežink iz pomponov nemogoče. Veliko je odvisno od izbire prave pisave. Pisava, tako kot človekov obraz, lahko odraža in vzbuja čustva in razpoloženje. Na primer, želeli bi, da bi bili ljudje po branju vašega besedila srečni, vendar iz nekega razloga ostanejo ravnodušni. Bistvo je lahko v napačni izbrani pisavi. In to povzroča kognitivno disonanco.

V knjigi O tipu Eric Spiekermann, strokovnjak št. 1 za tip, pokaže, da tipografija ni umetnost za elito, temveč močno orodje, ki je na voljo vsakomur, ki ima kaj povedati in želi pravilno izraziti svoje misli, tako na papir in na papirju zaslon.

Tukaj je razložena zasnova v preprostem jeziku, in pisava preneha biti nekaj nerazumljivega. Pomenljivo, močno, zanimivo. To knjigo je prebralo že na milijone ljudi po vsem svetu. Zdaj je tudi v ruščini.

Spoznajte Erica Spiekermanna

Eric Spiekermann je oblikovalec, profesor na Akademiji za umetnost v Bremnu, član nemškega sveta za oblikovanje in predsednik Mednarodnega združenja tipografskih oblikovalcev.

Eric ima strast - pisave. Z lahkoto lahko ugotovi, iz katerega obdobja je določena pisava. Katera pisava bo pokazala vašo ljubezen in katera resne namene.

Eric Spiekermann in njegov najbolj znan stavek o tipu.

Če ste kdaj bili v Nemčiji in se vozili z nemškimi vlaki, so napisi, diagrami in znaki, ki ste jih videli na postajališčih, peronih in postajah, napisani s pisavo Deutsche Bahn, ki jo je ustvaril Eric Spiekerman. Ustvaril je tudi pisavo za Audi, dizajn za revijo The Economicist. In napisal sem to knjigo.

»Lepota njegovih publikacij je v tem, da jih je napisal Eric za NE-oblikovalce. To je tisto, kar imajo ljudje res radi - oblikovanje in tipografija v običajnem človeškem jeziku. Spiekermann - On je preprosto papež sodobne tipografije in oblikovanja na splošno.”
Natalie Ratkovski

Kaj je notri?

To je pravi vzporedni svet, kjer so glavni prebivalci pisave. In ta knjiga vas bo naučila razumeti pisave kot lasten žep. V knjigi je ogromno primerov.

Grafično oblikovanje in tipografija nista lahki, a tudi preprostim projektom lahko koristi znanje, kako izbrati pravo pisavo.

Veščina podajanja informacij je zagotoviti, da se bralec ne zamoti, prebere do konca in razume, kaj ste želeli povedati. To je umetnost izbire pisave.

Črke z značajem

Poglejte črko podrobneje: ali je lahka ali masivna, okrogla ali kvadratna, tanka ali počepasta. Kako izgleda? Črke lahko stojijo pozorno kot vojaki ali pa lahko elegantno pojejo ali plešejo v vrsti, lahko kričijo ali se smejijo. Nekatere besede ne le zvenijo, ampak so tudi videti prijetnejše od drugih.

Pisava za dvom, presenečenje, jezo in veselje. Ilustracija iz knjige

V pisavi za besedo veselje ("veselje") odprtih obrazcev, samozavestni udarci in občutek za dinamiko. Lepo je videti, da nekatere besede vsebujejo razlago v črkah, iz katerih so sestavljene. Te ohlapne in enostavne oblike vam bodo zagotovo dale misliti na veselo osebo z odprtimi rokami, še posebej črka Y.

Krepke pisave z ostrimi obrisi ustrezajo mračnim občutkom, medtem ko se prijetna čustva bolje prenesejo v svetlih, ležernih pisavah.

Pisava Kafka

Oblikovalci pisav so se pri razvoju pisav vedno zgledovali po svoji pisavi. Mehanske omejitve so privedle do razvoja rokopisnih pisav, pisanih s čopičem, peresom, nalivnim peresom ali celo flomastrom. Nato so jih izrezali iz kovine ali fotografirali in spremenili v črke.

Danes so z razvojem digitalnih orodij ročno napisane pisave postale bolj nenavadne in personalizirane. Zdaj lahko kupite "rokopis" slavnih umetnikov in pisateljev, kot so Picasso, Cezanne in Franz Kafka.

Pisave skupine Mister K. Ilustracija iz knjige

Rokopisi slednjega so bili precej nečitljivi, a to Yulie Sysmäläinen ni ustavilo – razvila je pisavo Mr. K – v Kafkovi pisavi – z vsemi nepopolnostmi, ki bi se jim pisatelj verjetno želel izogniti.

Tipografska uganka

Igrajmo. Katera pisava se po vašem mnenju ujema z vsako vrsto čevljev?

Ilustracija iz knjige.

Katero pisavo izbrati

Morda ste bili v tej situaciji: pozni večer, let ob šestih zjutraj, vi pa še vedno pakirate kovček in se ne morete odločiti, kaj bi vzeli s seboj.

To se zgodi pri izbiri pisave.

Izbira prave pisave za določeno sporočilo je zanimiva in težka hkrati. Kaj želite dati v sporočilo, razen dejstev? Kako ga želite interpretirati, komentirati, okrasiti? Če izberete »nevtralno« pisavo, kot je Times New Roman, potem je sporočilo nevtralno.

Z razmišljanjem o videzu sporočila si ga tako ali drugače razlagate.

Preden fonte spakirate v namišljeni kovček, si oglejte problem. Potrebno je uravnotežiti praktičnost in estetiko.

Videz določene pisave povezujemo z določenim izdelkom. Tako so sveži izdelki bolj primerni za etikete z improviziranimi ročno napisana pisava. Pekovske izdelke povezujejo z mehko oblikovanimi serifi, polnozrnate žitarice najbolje predstavljajo na hitro ročno napisane pisave z nazobčanimi obrisi, resno poslovno podjetništvo pa z dobo bakroreza, vrednostne papirje so izdelovali v obliki dodelanih tiskanih potrdil.

Knjižni razpon

Še vedno v knjigi

S to knjigo boste na pisave pogledali na nov način, se jih naučili razumeti in izbrati pravo za svoje namene. Knjiga vsebuje veliko zanimivih in praktičnih informacij:

• Zgodovina razvoja pisave
• Izbira pisave za določeno nalogo
• Čitljivost in čitljivost pisave
• Kako narediti pisavo delujočo
• Funkcije zaslonske pisave
• Časopis, revija, postavitev knjige za besedilo
• Prihodnost pisav
• Seznam literature in spletnih strani o tipografiji

…200 strani zanimivih zgodovinskih dejstev, uporabni nasveti o izbiri in uporabi pisav, lepi ilustrativni primeri.

Lahko se celo življenje učiš izbrati pravo pisavo, in to je izjemno zanimivo, skoraj tako kot bi obvladal akvarel. Uporaben je tudi zato, ker je to eden od načinov za posredovanje idej občinstvu. Spoprijateljite se s pisavami!

Pozdravljeni, dragi bralci!

V prejšnjem članku sem pisal o tem, kako oblikovati vsebino na spletnem mestu z WordPressom na nestandarden način z uporabo vgrajenih slogov CSS. S slogi lahko med drugim spremenite pisavo, uporabljeno v besedilu.

Pisave za spletno stran so najpomembnejši element njene zasnove. Obnašanje obiskovalca na strani je odvisno od njegove pravilne izbire. Treba je izbrati pravo vrsto pisave, njeno velikost, debelino, naklon, barvo, tako da je vse to harmonično združeno s celotnim dizajnom.

Toda včasih je treba uporabiti kakšno nenavadno pisavo in zdaj jih je razvitih nešteto - umetniška, ročno napisana, gotska, staro ruska itd. Ali je katero od njih mogoče uporabiti na spletnem mestu?

Možno je, vendar obstajajo določeni pogoji.

Standardne in prilagojene pisave

Da se pisava, ki jo izberete, pravilno prikaže na uporabnikovem zaslonu, mora biti nameščena v njegovem računalniku. Ob namestitvi operacijskega sistema prejmemo tudi določen nabor pisav. Ta niz se imenuje standardni. Vsak operacijski sistem ima svoj seznam standardnih pisav. Toda obstajajo pisave, ki so prisotne v vseh operacijski sistemi, se imenujejo varne. Katerega koli od njih lahko varno uporabljate na svoji spletni strani, ne da bi se bali, da ne bo pravilno prikazan na računalniku obiskovalca. Seveda so te pisave najbolj priljubljene, uporabljajo se za tipkanje vsebin na večini spletnih mest in so lahko berljive.

Poleg standardnih pisav lahko uporabnik na svoj računalnik namesti tudi druge nestandardne pisave, vendar lahko pride do težav pri njihovem prikazu. Včasih neizkušeni uporabniki, ki pripravljajo navaden besedilni dokument v Wordu ali predstavitev, uporabijo kakšno lepo umetniško pisavo, ki so jo našli na internetu in namestili v svoj računalnik. Pri pripravi je vse videti super, ko pa začnejo gledati to predstavitev na drugem računalniku, se izkaže, da je ta lepa pisava zamenjana z običajno, standardno.

Enako se dogaja s spletnimi stranmi. Da bi bila nestandardna pisava, ki jo uporabljate, pravilno prikazana na računalniku obiskovalca spletnega mesta, mora biti nameščena na računalniku obiskovalca spletnega mesta. Ne morete pa zahtevati, da na tisoče obiskovalcev namesti določeno pisavo, da si ogledajo vaše spletno mesto.

Kako rešiti ta problem?

Če želite to narediti, morate na spletno mesto povezati potrebne pisave.

Kako povezati pisave za spletno stran

To lahko storite na dva glavna načina. V prvem primeru se pisave nahajajo na specializiranem oddaljeni strežnik, drugi pa vključuje namestitev datotek s pisavami na strežnik samega spletnega mesta.

V tem članku si bomo podrobneje ogledali prvo metodo.

Delo s storitvijo Google Fonts

Začnimo z Googlova storitev Pisave, kot najbolj znan in zanesljiv.

Ni zaman, da govorim o zanesljivosti, kajti če na svojem spletnem mestu uporabljate vir tretje osebe, mora biti preverjen in zanesljiv. V procesu priprave tega članka sem obiskal več spletnih mest z zbirkami pisav, ki sem jih imel med zaznamki. Uporabljal sem jih že prej, a se je izkazalo, da je bil eden onemogočen zaradi neplačevanja gostovanja, drugi, na katerem sem nekoč kupil zelo lepe pisave, blokiran z antivirusom.

Na strani , kot je razvidno s posnetka zaslona, ​​na ta trenutek Zbirka vsebuje 708 pisav, vendar niso vse primerne za nas. Za spletna mesta v ruskem jeziku so potrebne pisave, ki podpirajo cirilico. Na levi strani so filtri za izbiro, kjer na spustnem seznamu Skripta izberite cirilica, po katerem je na voljo že 61 možnosti. Izbiramo med njimi. Pisave, ki so vam všeč, dodajte v zbirko s klikom na gumb .

Po izbiri pojdite na naslednji element - gumb Pregled. Na strani, ki se odpre, si lahko ogledate, kako bo besedilo videti, in poskusite spremeniti njegove parametre.

Nato preidemo na zadnjo točko - gumb Uporaba. Tukaj lahko kopirate kodo za povezavo pisave s spletnim mestom.

To kodo morate vstaviti na stran HTML vašega spletnega mesta med oznake<glavo> inglavo>. Pri spletnih mestih WordPress se te oznake nahajajo v datoteki glave header.php. 4. korak kopira kodo za opis sloga CSS.

Kot lahko vidite, sem izbral tri možnosti in če zdaj v urejevalnik HTML WordPress vnesem naslednjo kodo:

potem bo na strani videti takole:

To besedilo je oblikovano na nestandarden način. Poiret One.

To lahko storite na dva glavna načina. Russo One.

Oglejmo si podrobneje prvo metodo. Označi scenarij.

Delo s storitvijo AllFont.ru

Še ena dobra storitev da izberete pisavo za spletno mesto - . Zdi se, da je tu še večja izbira. Vsaj bolj pestro je. Izbirate lahko s pomočjo rubrikatorja ali iščete po imenu.

Na strani izbrane pisave lahko spremenite barvo, ozadje, velikost, besedilo in vidite, kako bo izgledalo.

Po tem lahko kopirate vdelane kode na spletno mesto. Vse je narejeno na enak način kot na spletnem mestu Google Fonts. Za primer sem izbral pisavo AGZeppelin-Roman, poglejte, kako izgleda.

Dobrodošli v največji knjižnici AllFont.ru

Upam, da vam je bil članek koristen. Če je tako, se naročite na posodobitve spletnega dnevnika, saj se pripravljajo novi uporabni članki.

Se vidiva kmalu.