Kako ustvariti lastno pisavo za Windows. Kako ustvariti lastno ročno napisano pisavo. FontCreator v ruščini - ustvarjanje pisav

Pozdravljeni vsi skupaj.
Nedolgo nazaj smo za sprejem na izpite naleteli na težavo - vsi, ki so manjkali od pouka, so morali oddati ročno napisane eseje. Za 1-2 prehoda 1 esej, 2-5 prehodov 2 eseja itd. Vsak povzetek obsega najmanj 10 listov. Najti povzetek na neko temo na internetu ni težko, a kako vse skupaj z najmanj truda prenesti na papir?Na internetu je bilo najdenih veliko ruskih rokopisnih pisav (povezava). Toda po prenosu več kopij teh pisav je postalo jasno, da nihče ne bo verjel v pristnost napisanega in preprosto preverjanje Ne morem mimo učitelja, ko me prosi, naj nekaj napišem z isto pisavo.Zato je bilo odločeno ustvarite lastno ročno napisano pisavo. Ampak kako narediti pisavo iz svojega rokopisa da ga nihče ne bi razločil in bi lahko mirno dokazoval, da si ti napisal?
Rešitev je bila najdena - čudovit program High-Logic FontCreator Professional 9

Pisava rokopisa


Namestimo Font Creator, mislim, da s tem ne bi smelo biti težav.

  1. Na čist bel list papirja napišemo vse številke, črke ruske in angleške abecede, pa tudi posebne. simboli.


  1. Nastalo abecedo skeniramo (po možnosti) ali fotografiramo.

  2. V programu Paint, Photoshop ali katero koli drugo grafični urejevalnik odprite našo skenirano (fotografirano) abecedo.

  3. Zaženite nameščeni Font Creator:


  • Kliknite datoteko (Datoteka) - novo (Novo) ali Ctrl + N



  • Svoji pisavi damo ime iz rokopisa ( moje-pisave. ru ), označite Navadno in Ne vključuj obrisov (za prazen obris silhuet).


  • Pojavi se okno s silhuetami znakov, angleškimi črkami in kakšno drugo abecedo. Zdaj pa dodamo črke ruske abecede:


1. V zgornji vrstici kliknite Vstavi in ​​izberite Znaki.


2. Pred vami se pojavi tabela s črkami in simboli vaše pisave iz vašega rokopisa, pomaknite se na dno tabele do črk ruske abecede.

3. Izberite črko "A" in kliknite Dodaj, nato izberite "I" in prav tako kliknite Dodaj.



4. Na enak način dodajte črke "ё", "е" in črke drugih abeced, ki jih potrebujete.

5. V polju »Dodaj te znake ...« spremenite vejico v pomišljaj med $0410-$044F.
6. Posledično mora biti v polju Dodaj te znake... zapisano takole: $0410-$044F,$0401,$0451

7. Kliknite V redu.


Ruski simboli ter vse črke in znaki, ki ste jih dodali, so prikazani v vaši predlogi.

Izbrišemo vse znake, ki jih ne potrebujemo (razen prvih štirih, so sistemski).

Zdaj pa dodamo našo skenirano (fotografirano) abecedo v program Font Creator:
Če ga še niste odprli, je čas, da to storite.
V grafičnem urejevalniku izberite prvo črko in kopirajte ( Ctrl +C) v programu Font Creator izberite to črko in kliknite vstavi ( Ctrl + V)

Nadaljujemo s kopiranjem in lepljenjem vseh črk na svoje mesto. Kot rezultat imamo naslednjo sliko.

Zdaj morate popraviti vse znake; za to dvokliknite kvadratek s svojo črko. Odpre se okno z rdečimi pikčastimi črtami in črko, ki ste jo izbrali

Ugotovimo, zakaj so potrebni:
Najnižja vrstica 1 (Win Descent) je največja omejitev za črke z repom (ts, y, shch, z, r, d) vse pod to vrstico ne bo natisnjeno.
Vrstica 2 (osnovna črta) je nosilna vrstica vsake črke. Vse črke morajo biti v tej vrstici.
Vrstica 3 (x-Višina) - največja višina malih črk.
Vrstica 4 (CapHeight) - največja višina velikih črk, številk, pa tudi črk "c", "d", "b".
Vrstica 5 (WinAscent ) - zgornja omejitev znakov, vse nad to vrstico ne bo natisnjeno.
Leva (6) in desna (7) navpična črta določata, kako se bodo črke vaše pisave dotikale druga druge. Če želite, da se črke dotikajo kot v rokopisu, premaknite črko bližje levi (6), desno (7) pa premaknite na črko, tako da le malo zaide čez črto.

Vse črke prilagodimo vrsticam, sicer bodo znaki pisave postavljeni naključno in posledično ne bodo lepi.Primer razporeditve različnih črk:


OK, zdaj je vsega konec. Namestite svojo pisavo in zaženite urejevalnik besedil, poiščite svojo pisavo in jo uživajte v uporabi. Kako namestiti pisavo.

Če ste preleni, da bi naredili vse, kar je opisano zgoraj, in želite iz svojega rokopisa dobiti profesionalno izdelano pisavo, čakamo na vaša naročila na naši spletni strani

Ustvarite svojo pisavo

Zdravo družba. Kot sem obljubil, vam povem, kako narediti svojo lastno pisavo.
Takoj bom rekel, da tukaj ne dajem povezave za prenos programa, vendar vam ga ne bo težko najti sami. Program se imenuje High-Logic Font Creator, z njim sem začel in to najenostavnejši načinčrke, ki ste jih narisali, spremenite v pravo pisavo. Če opazite kakšne napake, prosim pišite, ker je bilo vse to narejeno skoraj intuitivno in se sploh ne pretvarjam v mojstrsko izvedbo :) In kot običajno se vam s klikom odprejo večje slike.
Prijatelji, ki se profesionalno ukvarjate s pisavami, ne preklinjajte, tukaj praktično ne bo nobenih pogojev ali pravil. Objava je namenjena tistim, ki ste si vedno želeli ustvariti kaj takega, pa niste vedeli kako pristopiti :)

Torej, prva stvar, ki jo moramo narediti, je narisati črke, številke, simbole, torej vse, kar potrebujete. Ta komplet sem narisal za zalogo, danes ga bom spremenil v pisavo. Malih črk ni, zato narišite tudi te, da bo pisava polna.

Vse narišem v Illustratorju, vendar je odvisno od tebe. Veliko ljudi preprosto piše na papir in skenira, tudi to je možnost.
Nato morate shraniti vsako črko posebej. To je to, zdaj odprite program.
Naše prvo dejanje je povsem očitno: Datoteka - Novo ... Vidimo okno:

V oknu v polje Font family name vpišemo ime naše pisave, izberemo Unicode, Regular, Don't include outlines To so moje nastavitve :)
Kliknite V redu, vidimo, da se je predloga pisave odprla z vsemi možne črke, številke in drugi simboli.

Ne spomnim se, katera je privzeta pisava, nastavljeno imam predlogo pisave Arial. Če želite spremeniti pisavo, dodati črke, morate iti na Vstavi - Znaki, to je v zgornja plošča. Tja lahko dodate tudi cirilico, vendar tega za zdaj ne bomo storili.
Nato je najpomembneje, da dodamo naše črke. Poiščite veliko črko A in dvokliknite nanjo.
Vidimo okno s kupom celic in črt.

Zgrabi nas panika, pomanjšamo program, globoko vdihnemo in gremo nazaj. Zdaj bo Dina vse razložila.
Vsak trak ima svoj namen, a najprej. V tem oknu z desno tipko miške kliknite kjer koli in kliknite Uvozi sliko.
Spomnimo se, kje smo shranili vse svoje črke, poiščemo svoj A, ga odpremo. Drugo okno:

Tukaj ni nič zapletenega, premaknite drsnik, kliknite vse, kar vidite, predogled vam bo povedal, katere nastavitve je najbolje nastaviti. Slika prikazuje mojo, lahko poskusite enako. Kliknite Ustvari. Tukaj je naše pismo:

Torej, kar vidimo: dve navpični črti in pet vodoravnih.
Črka mora biti med dvema navpičnima črtama, ki označujeta razdaljo pred in za črko. Ne postavljajte jih preblizu ali neposredno na črko, sicer bo nered.

In zdaj o vodoravnih črtah. Ne bom vas obremenjeval z izrazi, razložil bom poljudno:
1. Najvišja vrstica je največja razdalja nad osnovno črto (4).
2. Drugo od zgoraj je višina velikih črk.
3. Tretja je višina malih črk.
4. Osnovna črta, vzdolž katere so poravnane vse črke.
5. Največja razdalja pod osnovno črto (4).

Če želite spremeniti parametre vodoravnih črt, morate odpreti Nastavitve v zavihku Oblika. Priporočam, da v Googlu poiščete parametre nekaterih priljubljenih pisav in jih uporabite kot primer, če želite kaj spremeniti. Ampak nič takega nisem naredil :)

Kot lahko vidite, sem črko povečal na vrstico 2, CapHeight, vse kar je ostalo je prilagoditi navpične črte. Želim, da je pred in za črko primerna razdalja, zato samo črko premaknem stran od leve črte, desno pa primem za črni trikotnik na vrhu in jo premaknem bližje črki. Všečkaj to:

Točno to bom naredil z vsemi velikimi začetnicami. Če dodajate male črke, naj bodo višine do vrstice številka 3.
Ko črko pozicioniramo, to okno enostavno zapremo. Vse črke bodo padle na svoje mesto in to je opazno:

Imam črko Q z repom, ne želim, da izstopa iz splošne vrste črk, zato jo postavim na osnovno črto in pustim rep spodaj.
Enako storite z vsemi malimi črkami (p, q, y, g, j), nekatere pa so lahko, nasprotno, nekoliko višje od velike (d, b, k, f).

Številk še ne potrebujem, zato je moja slika videti takole:

Če komaj čakate, da preizkusite črke v akciji, pojdite na Datoteka - Shrani kot, shranite pisavo v formatu .ttf, ki ga predlaga program.
Namestimo pisavo, gremo v urejevalnik besedil, poiščemo našo pisavo, preverimo. deluje!

No, zdaj si lahko privoščite. Posnamemo najslabšo fotografijo ognjemeta 9. maja, malo čaramo v Photoshopu, vtipkamo besedilo in voila! :)

Ni tako težko, kajne? Vsekakor poskusite in nam pokažite rezultate :)

Za ustvarjanje pisav priporočam uporabo urejevalnika FontCreator od High-Logic. Takoj bom rekel, da je program plačan, vendar je to najboljša možnost, ki mi je padla v oči. Če potrebujete brezplačen urejevalnik pisave, bodite pozorni na program Vnesite svetlobo iz programske opreme cr8 in spletna storitev Studio Glyphr. Ostal bom pri FontCreatorju (če se ne motim je bila verzija 6.0).

Korak 1: in tako zaženite urejevalnik in z ukazom: Datoteka > Novo(Datoteka > Novo) - ustvarite novo pisavo. V oknu, ki se odpre Nova pisava (iz angleščine) Nova pisava ) , boste morali določiti več parametrov:

  • Ime družine pisav- ime družine pisav, tj. samo ime pisave, nekaj takega Times New Roman, sem pokazal Moja pisava.
  • Nabor znakov- nabor znakov, vključenih v pisavo, priporočam izbiro Unicode (znaki).
  • Slog pisave- slog pisave, za vsak slog morate ustvariti ločeno datoteko. Za običajni (privzeti) slog pisave izberite možnost Redno.
  • Vnaprej določeni obrisi- vgrajena vezja. Priporočam, da izberete možnost Ne vključuj obrisov, ki vam bo omogočila ustvarjanje čistega obrisa silhuet.

2. korak: pred vami se bo pojavilo okno z obliko silhuet nekaterih simbolov, številk in latinske črke. Za dodajanje cirilice za pisavo, morate narediti naslednje:

2.1. Uporaba ukaza: Vstavi > Znaki ... (Vstavi > Simboli ...)- Odprite okno Vstavi znake(iz angleščine) vstavljanje znakov).

V tem primeru boste morda prejeli naslednje sporočilo:

Te operacije ni mogoče razveljaviti. Želite nadaljevati?

Obvešča vas, da je operacija nepovratna in da jo dokončate, morate potrditi svoje dejanje, pritisnite gumb " ja».

2.2. Nato se pred vami prikaže tabela simbolov. Za udobje na seznamu Pisave izberite pisavo Arial. Na seznamu Pojdite na Unicode Block izberite cirilica. Uporaba polja Izbrani lik, pogleda kodo za črki »A« ($0410) in »I« ($044F). Na terenu Dodajte te znake in/ali obsege znakov ... dodamo potrebne znake in/ali obseg znakov, v našem primeru je to: $0410-$044F . Kliknite gumb " v redu».

2.3. Vaši pisavi bodo dodani simboli cirilice. Na enak način, vendar ločeno, lahko dodate črki "е" ($0451) in "Ё" ($0401), ki nista bili vključeni v obseg znakov, določen v prejšnjem koraku.

3. korak: Zdaj lahko začnete ustvarjati simbole. Tu poleg vektorskega urejanja z uporabo ustreznih orodij FontCreator omogoča ustvarjanje znakov iz slik tako, da jih pretvori v vektorsko sliko. Očitno boste morali za vsak simbol narisati ločeno sliko.

3.1. Kot primer narišem veliko črko "A".

3.2. Načeloma je po skeniranju to slikovno datoteko mogoče uporabiti za uvoz. Če želite to narediti, izberite sliko v obrazcu želeni simbol. Nato uporabite ukaz: Orodja > Uvozi sliko ... (Orodja > Uvoz slike)- Odprite okno Uvozi rastrsko sliko (iz angleščine) uvoz bitne slike) .


3.3. V oknu, ki se odpre, kliknite gumb Naloži ...» (iz angleščine) Prenesi) in izberite slikovno datoteko, ki jo potrebujete.

3.4. Premikanje drsnika Prag (iz angleščine) prag) Nastavite stopnjo zatemnitve slike, da ustvarite jasnejši obris. Uporabite lahko tudi filtre:

  • Gladek filter- gladilni filter.
  • Erode- zameglitev, naredi simbol krepkejši.
  • Razširite- raztezanje naredi pisavo tanjšo.

Način uvoza (iz angleščine) način uvoza) raje pusti Trace, za pretvorbo v krivulje. Z Negativno (iz angleščine) negativno) , mislim, da je vse jasno. Torej kliknite gumb Ustvari».

4. korak: S preklopom v način urejanja, z dvoklikom na simbol v obrazcu, ostane le še popravljanje nepravilnosti, prilagoditev velikosti in nastavitev zamika. Enako boste morali storiti za druge simbole.

Na splošno postopka ustvarjanja pisave ni mogoče imenovati posebej težko. To zahteva potrpežljivost in veliko časa. Z uporabo urejevalnika pisav FontCreator lahko ta čas prihranite na več načinov z uvozom in pretvorbo slike znakov v vektor. Vendar je tudi ta možnost veliko dela. To je vse kar imam. Hvala za vašo pozornost. Vso srečo!

Zdi se mi, da marsikdo od tistih, ki se navdušuje nad risanjem črk in ustvarjanjem črk, kdaj pomisli: ali ne bi morali vse te lepote spremeniti v pisavo? Da ne le občudujete točno določeno kompozicijo, ampak te čudovite črke natisnete na čisto pravo tipkovnico in ustvarite še več lepote... No, vsaj pri meni je bilo tako :) Ko sem ugotovila, da lahko ustvarite pisavo sam se mi je dobesedno zgodila revolucija zavesti (verjetno je to točno to, čemur se v angleščini reče “aha-moment”).

In začel sem poskušati ugotoviti, kako to narediti. Informacij je bilo malo, vse pa je bilo nerazumljivo in kompleksno. Izgubil sem se v tem gostem gozdu izrazov in skoraj opustil idejo, da bi se naučil ustvarjati pisave. Toda po nekem čudežu nisem obupal, poskušal sem še naprej in naredil svojo prvo pisavo Bronks - daleč od idealne, a zelo dragocene izkušnje. Mimogrede, o tem, kako je nastal Bronx, sem že pisal. In danes vam želim podrobneje povedati o procesu ustvarjanja pisave kot celote, da boste lažje razumeli, ali je to "vaša" dejavnost in ali bi vas zanimalo, da jo preizkusite.

PISAVA SE ZAČNE Z BRIEF

RISANJE GLIFOV JE DNEVNO DELO :)

Ko zberem pogum, torej navdih, običajno počakam, da imam vsaj pol prostega dneva (idealno cel dan) in se usedem k risanju glifov. Glifi so znaki v pisavi, tako črke kot številke, in vsi tisti simboli, kot so plus, vejica, vprašaj itd.

Kako široko narišem pisavo – to je, koliko glifov ustvarim – je neposredno odvisno od ciljne publike. Jasno je, da več kot je glifov, bolj dragocena je pisava, hkrati pa obstajajo glifi, za katere je vredno porabiti čas, in obstajajo tisti, ki niso toliko (na primer, če ustvarjate standardno pisavo za ročno uporabo za mala podjetja bo široka jezikovna podpora veliko pomembnejša od vseh, vseh, vseh matematičnih znakov, od katerih sem mnoge, če sem iskren, prvič videl v programu Glyphs :)). O tem, katere glife je treba nujno narisati, katere pa dodatno in v kakšnih količinah, bom podrobno govoril na delavnici o ustvarjanju pisave, na kateri trdo delam (o tem na koncu zapisa :)).

Na kratko lahko rečem, da bi svetoval, da je prva pisava preprosta in jedrnata, sicer, če takoj poskusite narediti tako začetno kot končno različico črk in dodate cirilico latinici, potem preprosto ne boste dokončali pisavo (in če jo dokončate, se verjetno ne bo izplačalo, saj pri tipkanju ne morete brez napak, sposobnost videti majhne madeže in podrobnosti, ki vplivajo na kakovost pisave, se pojavi šele s prakso). Zato se je sprva najbolje sprijazniti s standardom nastavite A-Z, a-z, 0-9, osnovna ločila.

Zakaj pol dneva posvetim risanju pisave? Ker ko »ujamete val«, torej začutite določen slog, vzdušje pisave, je bolje vse narisati naenkrat, medtem ko se roka razvija. To verjetno bolj velja za ročno napisane pisave (drugih še nisem poskusil). Če ga odložite in pozneje poskusite narisati preostale črke, bodo zagotovo drugačne in potreben bo čas, da znova »nastavite roko« in začnete padati v splošni slog.

Risanje pisave je najbolj ustvarjalen proces od vseh. Če naivno verjamete, da je ustvarjanje pisav samo ustvarjalnost in slavljenje navdiha, vas hitim razočarati: ustvarjalnost in risanje črk vzameta največ 20 % (običajno manj) časa, ki je potreben za ustvarjanje pisave. Ostalo je tehnologija: skeniranje, obdelava, abecedna poravnava, uglaševanje, izvoz v program, razmik in kerning, nastavitve kode, testiranje in vse te stvari. Torej, če želite risati samo črke in vam je dolgočasno razmišljati o tehničnem delu, potem je bolje ustvariti črke.

DIGITALNI DEL PROCESA

Ko je pisava narisana, je čas, da jo digitaliziramo. Moja procesna veriga izgleda takole: skener - photoshop - ilustrator. V optičnem bralniku nastavim največje nastavitve, v Photoshopu povečam kontrast in malo počistim obrise, v Illustratorju naredim sled, poiščem abecedo (torej razporedim črke v zaporedju, poskusim "sestaviti" nekaj besed, da preverim, kako vse izgleda) in čisto-čisto- čistim črke.

Glede stopnje čiščenja - včasih sem mislil, da "zakaj bi čistil, to je ročno napisana pisava." Kasneje pa je bila razkrita ta podrobnost: več kot je točk v vektorju, večja je verjetnost, da bo pisava hrošča na vse možne načine - od zavrnitve Glyphs (ali drugega programa, v katerem bo pisava sestavljena), da izvozi datoteko , do nezmožnosti končnih uporabnikov, da bi ga uporabljali brez napak. Zato je najmanj pik ključ do udobja in ja, še vedno jih morate očistiti, tudi pisave s teksturo.

Črke v Illustratorju čistim na več načinov: najprej s čarobno radirko iz Astute Graphics (del plačan vtičnik, o katerem govorim), na žalost brezplačna alternativa Ne poznam niti približne kakovosti, drugič, s standardnim ilustratorskim svinčnikom - poudarim obris in ga naredim natančnejšega.

Po tem pripravim pisavo za izvoz - to je ločena velika zgodba, o kateri bo najverjetneje več videov - in prenesem črke v Glyphs.

DOBER PROGRAM ZA PISAVE JE POMEMBEN

Sestavljanje pisave, torej spreminjanje vektorskih črk v delujoče, takšne, kot jih je mogoče tipkati s tipkovnico, je teoretično mogoče narediti v različnih programih. Če poguglate, boste našli impresivne sezname možnosti za vsak okus in proračun. Tukaj ne navajam imen, ker nisem pripravljen priporočiti nečesa, česar ne poznam/nisem nikoli poskusil. Delam v programu Glyphs in vem samo to, da jih vsi resni oblikovalci črk (tisti, ki prodajajo pisave) delajo bodisi v Glyphs bodisi v Fontlabu. To je najverjetneje posledica dejstva, da cenejši/brezplačni programi ne ponujajo vseh možnosti, ki jih potrebujete za ustvarjanje zanimivih zgodb o pisavah.

Nekoč sem izbral Glyphs, ker sem se želel po eni strani takoj navaditi na "pravilen" program za pisave (torej tistega, s katerim je mogoče ustvariti res premišljene, zapletene, z elementi bogate pisave, in se ne držati približno en mesec v kakšni brezplačni).samo kasneje ugotovim, da tam ne moreš ustvarjati pogojnih ligatur), po drugi strani pa nisem bil pripravljen plačati nekajkrat več za Fontlab. Očitno je bila izbira prava - poznam ljudi, ki so zamenjali Fontlab za Glyphs in pravijo, da ima slednji bolj pregleden vmesnik :)

Dober program za pisave je pomemben, ker se tu zgodi čarobna preobrazba samih črk v delujočo pisavo. Če vam program ne omogoča ustvarjanja jezikovne podpore, je ne boste mogli ustvariti. Če ne morete dodati nadomestnega niza velikih črk, jih ne boste mogli dodati, tudi če ste jih že narisali.

Po izvozu v Glyphs sem nastavil veliko različnih stvari: skupine črk, razmike (negativen presledek levo in desno od črk, grobo povedano), kerning (razdalje med določenimi pari črk), dodajanje jezikovne podpore, ligature (posebne različice črkovnih kombinacij), začetne in končne možnosti (z dolgimi čopki, zavihki, povoji in vsem tem) ter alternativni sklopi, če so predlagani. Med potjo je koda konfigurirana tako, da vse deluje za končnega uporabnika, kot sem nameraval, in brez težav. Ta stopnja, ki sem jo opisal v parih stavkih, je pravzaprav tista, ki vzame okoli 70% časa pri izdelavi pisave :) In na kratko je opisujem ne zato, ker bi bil požrešen, ampak zato, ker bi o samem kerningu lahko pisali zapis v trikrat daljšem času od tega, pa še vedno ne bo dovolj. V tečaju o pisavah se bom zelo podrobno posvetil vsem tem točkam (zdaj poskušam najti mejo med "nedovolj podrobno" in "preveč informacij za prebavo").

V tem članku vam bom povedal, kako ustvarite lastno pisavo za spletno mesto z uporabo ikon, ki ste jih ustvarili sami. Vse, kar potrebujemo za to, je program za ustvarjanje vektorske grafike (Adobe Illustrator ali Inkspcape) in dostop do interneta! Torej, začnimo! Vse slike, ikone in pisavo css, uporabljeno za to, lahko prenesete na koncu članka.

Za to vadnico bomo naredili nekaj preprostega. Za prvo ikono bomo narisali navadno zvezdo. Za drugo ikono - orel s črko W znotraj. Risanje je precej preprosto in ustvarite lahko poljubne oblike in kombinacije. Za te namene sem uporabil ilustrator.

Ko končate ustvarjalni del, morate svojo stvaritev shraniti v formatu SVG. Kliknite »Shrani kot« in izberite vrsto datoteke kot SVG. Zdaj lahko nadaljujete neposredno z ustvarjanjem pisave.

Za te namene uporabljamo priljubljena in brezplačna storitev IcoMoon.

Prva stvar je ustvarjanje nov projekt, zato kliknite na meni v zgornjem levem kotu in kliknite »Nov projekt«. Nato naložimo že pripravljeno svg datoteke po kliku na gumb "Uvozi ikone". Ko dokončate te korake, bi morali na monitorju videti takšno sliko:

Zdaj imamo možnost spremeniti kodo za vsako ikono (v našem primeru bo to e600 in e601), ime naše pisave, predpono CSS itd. Vse to naredite v "Nastavitve". Prav tako lahko vidimo pisavo v akciji s klikom na povezavo »Omogoči hitro uporabo« - kar nam bo omogočilo pridobitev začasne povezave do naše pisave, kot tudi možnost ogleda kode v CodePen.

Ko ste vse konfigurirali, kliknite gumb »Prenesi« na dnu strani in prenesite arhiv. V tem arhivu boste našli svojo pisavo v formatih ttf, eot, svg in woff + predstavitveno stran s pisavo.

Uporaba ikon na spletnem mestu

Zdaj moramo samo vključiti pisavo CSS z uporabo @font-face in določiti druge parametre (vsi so zapisani v datoteki css v arhivu, ki ste ga prenesli.

@font-face ( družina pisav: "wdm-eagle"; src: url("//imevašega spletnega mesta.com/fonts/wdm-eagle.eot"); , ( družina pisav: "wdm-eagle"; govor: nič; slog pisave: običajno; teža pisave: običajno; različica pisave: običajno; pretvorba besedila: nič; višina vrstice: 1; /* Boljše upodabljanje pisave =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; ) .wdm-star:before (vsebina: "\e600"; ) .wdm-eagle:before (vsebina: "\e601"; )

Zdaj lahko našo pisavo uporabimo v kodi HTML takole:

Določanje imena razreda za oznako dobimo svojo ikono.




Vrh