9 tapaa tunnistaa kirjasimet kuvista ja Verkkotekstistä + ladata ne sivustollesi

miten fontti tunnistetaan. Oletko koskaan ollut tämä hetki rakastumassa joitakin täysin satunnainen verkkosivuilla suunnittelu? Se on hienoja kuvia, suuri teksti asetteluja, voittaa värimaailman, mutta mikä tärkeintä – erinomainen fontteja, jotka kirjaimellisesti tehdä haluat varastaa ne oman projektin.

suunnittelijoiden haasteena on usein selvittää, mitä fonttia käytettiin tietyssä kuvassa tai verkkosivulla. Läpi koko kokoelma fontteja toivoen löytää ottelu ei takaa sinulle mitään menestystä, puhumattakaan siitä, että se vie tuntikausia arvokasta aikaa. Entä jos fonttia ei edes ole?

tarkoitan, että voit aina pyytää apua kokeneilta web-suunnittelijoilta, löytää asiaankuuluvan foorumin tai etsiä jotain muuta upeaa vaihtoehtoa Templatemonsterin fonttikokoelmasta. Sikäli kuin foorumeilla, valmistaudu odottamaan: ehkä päivä, ehkä useita viikkoja.

…Mutta entä jos ei ole aikaa odottaa?

hyvä uutinen on, että se on helpompaa kuin luuletkaan. Voit etsiä fontin kuvan avulla käyttämällä erityisiä sivustoja. Voit jopa ladata selainlaajennuksen paremman mukavuuden vuoksi.

valitsin tänään useita vapaita kirjasintunnistimia, joista sinun web-suunnittelijana tulisi tietää. Fontin tunnistustyökalun valitseminen on vain ensimmäinen askel sen lataamiseen omalle verkkosivustollesi.

Jatka lukemista ja kerron miten se tehdään!

fonts

Vaihe 1-Etsi fontteja kuvista työkaluilla, kuten:

mikä fontti on

mikä kirjasin on

”What Font Is” on suosituin palvelu fontin määrittämiseksi valokuvasta tai kuvakaappauksesta. Kaikki mitä tarvitset on Ladata kuvan (tai määrittää sen URL) ja ohjelmisto näyttää eniten samanlaisia vaihtoehtoja ostettavissa myfonts. Sen mukaan, mitä fontti on luojat, vaatimukset Kuvan ovat:

  • selvästi vaakatasossa oleva teksti
  • kirjaimen korkeus vähintään 100 pikseliä
  • kirjaimet eivät kosketa toisiaan
  • enintään 50 merkkiä yhteensä

mitä kirjasinta

mikä kirjasin

Whathefont on toinen tunnettu resurssi fonttien tunnistamiseksi sen edellinen kilpailija. Ensi silmäyksellä näyttää siltä, että palvelun vaiheet ovat samanlaisia, mutta se ei oikeastaan ole. Whathefont, kaikki on hieman monimutkaisempi: lopputulos riippuu suoraan laadusta fonttikuvan. Muuten, ohjelmisto ei optimoi kuvaa automaattisesti.

ja vaikka tämän resurssin kirjasinkokoelma on verrattuna siihen, mitä fontti on, on sinulla silti suurempi todennäköisyys kirjasintunnistuksen onnistumiseen. Loppujen lopuksi on aina web-sivuston teemafoorumi, jonka puoleen kääntyä.

fontti-Orava

fontti-Orava

ilmeisesti Font Orava toimii täsmälleen samalla tavalla kuin kaksi edellistä palvelua: lataat kuvan, rajaat fontin, ja ohjelmisto havaitsee mahdolliset vastaavat fonttivaihtoehdot. Mutta on jotain, joka tekee Font Orava ainutlaatuinen. Erityisesti kyky kiertää kuvia ja tunnistaa fontteja upotettu epätavanomaisessa muodossa. Se on erittäin hyödyllinen väline, kun kuvissa on fontteja, joita ei ole sijoitettu tavalliseen vaaka-asentoon, etkä löydä tätä ominaisuutta mistään muualta!

älä myöskään unohda käydä läpi tarjolla olevia fontti – Oravadiilejä-osa niistä on todella ”kuumia”, joten älä jätä niitä väliin.

Matcherator

Matcherator

Matcherator on mahtava fontin tunnustamista työkalu kannalta helppokäyttöisyys. Sivustolla on kätevä vedä ja pudota-toiminto. Tämä tarkoittaa, että voit asettaa kuvan kirjasimesta vetämällä sen sivustolle hiirellä. Ohjelma varmasti löytää mitä tarvitset! Tämän työkalun avulla, voit tunnistaa kaikenlaisia fontteja (ja ilman serifs) ilman kustannuksia.

edellä mainittujen verkkopalveluiden lisäksi voit harkita jonkin selainlaajennuksen asentamista. Niiden avulla tunnistat fontin paitsi kuvasta myös kirjoituksesta. Parasta on, että sinun ei tarvitse avata uutta välilehteä joka ikinen kerta, kun sinun täytyy tunnistaa fontti. Aktivoidulla laajennuksella toimenpide on vain muutaman sekunnin kysymys.

Fontface Ninja

FontFaceNinja on tällä hetkellä kiistaton johtaja. Laajennus ei ainoastaan auta sinua selvittämään fontin otsikkoa verkkosivustolla (ei kuvasta), vaan antaa sinulle myös mahdollisuuden kokeilla kirjoittamista tällä fontilla. Lisäksi sen avulla voit ladata fontin olet löytänyt ja halunnut!

tämän laajennuksen kauneuden ja mukavuuden lisäksi Fontfaceninjassa on eräänlainen taikapainike (naamio), joka piilottaa kaikki sivun mainokset, jolloin voit nauttia vain fonteista. Laajennus on täysin ilmainen ja toimii Chromen ja Safarin kanssa.

Tyyppinäyte

Tyyppinäyte

tämä on toinen hyödyllinen laajennus valitettavasti vain Chrome-käyttäjille. Se toimii samalla tavalla kuin edellinen vaihtoehto, vaikka Tyyppi näyte voi ylpeillä joitakin hienoja ainutlaatuisia ominaisuuksia. Mahdollisuus” pelata fonteilla ” reaaliajassa ansaitsee erityistä huomiota. Kun napsautat korostettua tekstilohkoa, voit muuttaa fontin kokoa, katsoa pangramia, syöttää oman tekstiesimerkin ja kokeilla useita muita temppuja, jotka eivät ole käytettävissä muissa palveluissa.

kirjautumalla Twitterin Type Sample-tilille voit luoda oman fonttikokoelman ja/tai katsoa jonkun muun fonttia.

WhatFont

WhatFont

saatavilla sekä Chromelle että Firefoxille, WhatFont-laajennus ei ensisilmäyksellä vaikuta superfunktionaaliselta palvelulta. Mutta totuus on, palvelu tarjoaa käyttäjille paljon tietoa valitusta font. Whatfontin avulla voit määritellä paitsi kirjasinlaatat myös rivin korkeuden, tyylin, koon, kirjasinperheen sekä sen nykyisen värikoodin.
voit lopuksi esikatsella kaikkia tällä kirjasimella muotoiltuja kirjaimia ja jopa ladata yhden, mikäli Google on sen kehittänyt.

Typ.io

Typ.io

Typ.io on täydellinen valinta maksimalistit kieltäytyvät tekemästä ylimääräisiä toimia tai niille, jotka eivät yksinkertaisesti välitä fonttityylejä ja värikoodeja. Kun olet asentanut laajennus, näet painikkeen ” t ” – kirjain alakulmassa selaimen. Jos napsautat tätä painiketta, se näyttää kaikkien sivulla tunnistettujen fonttien otsikot erillisessä sarakkeessa. Jos haluat tietää, missä fontti sijaitsee, klikkaa sen nimeä.

Fount

Fount

Fount on loistava plugin tunnistaa fontteja sivustot käyttävät monet ammatilliset web-suunnittelijat. Jotta se toimisi, sinun täytyy lisätä sivuston kirjanmerkit ja klikkaa sitä. Kursorista tulee risti, joten kun napsautat kirjasinta, näet ikkunan, jossa on sen otsikko, koko pikseleinä, paino ja tyyli. Jos haluat sammuttaa Fount – tilan-paina sitä uudelleen. Laajennus toimii sellaisilla selaimilla kuin Safari, Chrome, Firefox ja IE8 +.

Vaihe 2-Esikatsele kirjasintasi.

nyt kun olet todennäköisesti löytänyt sen upean fontin, jonka olet nähnyt jossain muualla, sinun täytyy selvittää, vastaako tämä fontti verkkosivustosi tyyliä. ”Et saa koskaan tietää, ellet yritä” – olet ehkä ajatellut tämän jo ja olisit 100% oikein. Mutta lataamalla jokaisen rakastetun fontin sivustollesi on rahan tuhlausta, eikö?

hyvä uutinen on, että jos olet Chrome-käyttäjä, voit saada esikatselun mistä tahansa font. Google Font Previewer-laajennuksen avulla voit testata niitä verkkosivustolla menemättä muokkaustilaan. Voit myös’ tähti ’ fontit esikatsella eniten ja merkitä ne suosikeiksi sovelluksessa.

Vaihe 3-Lataa mukautettu fontti verkkosivustollesi

niin, valitsit oikean fontin, jota olet metsästänyt niin kauan ja nyt on aika toteuttaa sellainen omalle verkkosivustollesi. Yleisin tapa lisätä mukautetun fontin verkkosivuilla on käyttämällä FontFace CSS sääntö.

  1. lataa fontti asiaankuuluvassa muodossa (.ttf tai .otf)
  2. luo WebFont-paketti ristiselaamista varten Webfont generaattorin avulla
  3. lataa tämä paketti verkkosivustollesi FTP-tai Tiedostonhallintaohjelman avulla
  4. Päivitä CSS – tiedostosi
  5. Käytä mukautettua fonttia CSS-ilmoituksissasi

jos sinulla on WordPress-pohjainen sivusto, asiat voivat helpottua entisestään typografia plugin-sinun ei tarvitse sotkea koodia enää. Tai voit lisätä nämä fontit teema manuaalisesti käyttämällä toimintoja.php-tiedosto.

kirkas kalligrafia

kirkas kalligrafia PSD fontti.

jos etsit moderni, sileä fontti, niin tämä on oikea mitä tarvitset. Se sisältää upeita, neon-tyylisiä hahmoja. Se sopii mainiosti logojen, pakettien tai muun mainosmateriaalin suunnitteluun. Saat joukon 81 PSD (4000×4000 px) ja PNG-tiedostoja (2000×2000 px). Voit helposti yhdistää erillisiä kirjaimia luodaksesi tarvittavan sanan. Lisäksi nämä kirjaimet on helppo muokata-voit muuttaa niiden väriä. Se tulee myös Golden Bush fontti (OTF ja TTF tiedostoja, jotka voit helposti asentaa ja käyttää). Siinä on tumma taustarakenne. Kaiken kaikkiaan se on houkutteleva kalligrafia neon-tyylinen joukko kirjaimia. näin tunnistat kirjasimen

meripihkainen maku

Amber Taste Font.

tässä on hieno vintage-tyylinen fontti. Se on täydellinen, jos haluat mainostaa jotain. On hienoa käyttää, kun suunnittelet logon, valikon tai esitteen. Vintage-fontti voi myös tehdä muotoilustasi ylellisen näköisen, varsinkin jos käytät mukavaa kuosia. Se tulee OTF ja TTF fontteja tiedostoja-voit helposti asentaa ja käyttää niitä. Tämän fontin mukana tulee EPS-tiedosto. Se on varustettu saumaton kuvio tausta. Kaiken kaikkiaan tämä fontti tulee kaikki mitä tarvitset luoda jotain vaikuttavaa. Huomaa, että tämä tiedosto sisältää vain latinalaisia kirjaimia.

Savuava Kirjasintyyppi

Tupakointi Kirjasintyyppi + Kuvitus Fontti.

tämä on toinen vintage näköinen fontti, joka voi tehdä suunnittelu näyttää hämmästyttävä. Se on helppo muokata. Siinä on erilliset tiedostot fontin ja kuvioitu äänenvoimakkuus, joten voit helposti muuttaa väriä. Siksi, sinulla on joitakin muokkausvaihtoehtoja. Se tulee OTF, TTF ja WOFF tiedostoja. Siksi voit helposti asentaa sen ja käyttää sitä. Kaikki hahmot käyttävät EPS 10-muotoa. Se on hienoa, kun haluat saada vintage näyttää, kun suunnittelet jotain. Se voi olla täydellinen, kun luot logon tai kuvan sivustollesi. Saat myös bonus juliste.

Kengännauhat

Kengännauhojen Fontti.

jos tarvitset mukavan käsialan tyylinen fontti niin tämä on yksi tarvitset. Tämä fontti on kaksi versiota – kanssa ”shoelace” vaikutus ja ilman sitä. ”Shoelace” – efekti lisää erityistä rakennetta, joka lisää läpinäkyviä kohtia. Se voi tehdä suunnittelu näyttää mielenkiintoisempaa. Puhdas versio ei ole, että vaikutus, mutta se näyttää silti hämmästyttävä ja puhdas. Siinä on 8 swashia, ligatuureja ja varajäseniä, joten voit tehdä suunnittelustasi monimutkaisemman ja mielenkiintoisemman. Se tulee OTF ja TTF tiedostoja, joten voit helposti asentaa ja käyttää sitä. Se sisältää vain latinalaisia kirjoitusmerkkejä. Miten tunnistaa fontin?

Viskin Etiketti

Whiskey Label + Design Elements Font.

tämä on täydellinen vaihtoehto, kun etsit klassinen-tyylinen fontti. Se voi olla hyvä käyttää, kun suunnittelet paketin, etiketin tai logon. Se tekee suunnittelu näyttää korkeatasoinen ja ylellinen. Tämä fontti tulee OTF ja WOFF tiedostoja, joten voit helposti asentaa ja käyttää niitä. Se on varustettu neljällä EPS 10-tiedostolla, jotka osoittavat, miten sitä voidaan käyttää. Vektoritiedostoja ovat koristeelliset kehykset, nauhat ja grunge-tekstuuri. Fontti sisältää numerot ja välimerkit. Jos etsit fonttia, se voi tehdä suunnittelustasi erottuvan-Hanki tämä juuri nyt. Miten tunnistaa fontin?

Agress

Agress Font.

tässä on moderni, aggressiivinen fontti, joka voi tehdä suunnittelu katseenvangitsija. Tämä graffiti-tyylinen fontti on täydellinen, kun haluat saada designin näyttämään epätyypilliseltä ja haastavalta. Se on siisti ja hyvin suunniteltu. Tämä fontti on saatavilla OTF-ja TTF-tiedostoina, jotka voidaan helposti asentaa ja käyttää. Sen mukana tulee bonus abstrakteja kuvia-kuusi 6000×6000 PSD ja JPG-tiedostoja. Se on monikielinen fontti, joten sinulla ei ole mitään rajoja. Kaikki merkit näyttävät dynaamisilta, joten ne tekevät suunnittelusta mielenkiintoisemman ja monimutkaisemman. Siksi, jos haluat luoda jotain, että ihmiset kiinnittävät huomiota – tämä fontti on oikea mitä tarvitset. Miten tunnistaa fontin?

laatikon sisällä

laatikon sisällä Fonttikuviot fontti.

Oletko kyllästynyt tavallisiin fontteihin? Jos olet, tämä fontti on sinua varten. Se näyttää hämmästyttävältä ja se tekee suunnittelun käsitteellinen ja elävä. Tällä kirjasimella on 2 tyyliä. Se sisältää laajoja hahmoja, jotka näyttävät modernilta ja käsitteelliseltä. Mukana on myös ohuita hahmoja, jotka näyttävät hyvin tyylikkäiltä ja puhtailta. Se tulee OTF ja TTF tiedostoja. Niitä on helppo käyttää. Lisäksi, se on varustettu kuvio tiedostoja. Kuvioita voi muokata niin, että saa kaipaamansa ilmeen. Se sisältää vain latinalaisia kirjoitusmerkkejä. Tämä fontti voi olla suuri tehdä suunnittelu hieman futuristinen. näin tunnistat kirjasimen

Pin Up-fontti

Pin up fontti ja kuvitus fontti. kirjasimen tunnistaminen

jos olet taiteilija, joka luo Pin Up-kuvia, Tämä fontti on juuri sitä, mitä tarvitset. Se sopii täydellisesti maailmankuuluihin Pin-Up-tyylisiin kuvituksiin. Se sisältää kaksi tyyliä fontin, joten voit valita yksi pidät eniten. Se tulee OTF ja WOFF muodoissa, joten ne voidaan helposti asentaa. Se on varustettu useita swashs, että voit tehdä suunnittelun mielenkiintoisempaa ja dynaamista. Hienoa on, että tämä fontti on varustettu Pin-Up tyttö kuvitus! Muista, että se sisältää vain kirjaimia. näin tunnistat kirjasimen

megawatti

Megawattifontti.

tämä mukava moderni kalligrafinen fontti tekee suunnittelu näyttää voimakas. Tämä on hienoa, jos haluat suunnitella logon, julisteen, silmäänpistävän kuvan jne. Siinä käsialatyyli yhdistyy teräviin kuvakulmiin. Tämä yhdistelmä saa tämän fontin näyttämään niin voimakkaalta. Se sisältää joitakin ligatuureja. Se tulee OTF ja TTF tiedostoja. Bonuksena saat korkealaatuisen 3D-renderöinnin kitaravahvistimesta (tämän PSD-tiedoston resoluutio on 6000×4000 px. Se on monikielinen fontti (se sisältää länsieurooppalaisia merkkejä). Kaiken kaikkiaan, jos haluat suunnittelu rock, niin tämä fontti on yksi tarvitset. näin tunnistat kirjasimen

Augustine

Augustine / Modern Script Font.

tässä on moderni tyylikäs script font. Se on super puhdas ja sileä, joten se on täydellinen tehdä design Tyylikäs. Tämä fontti on suuri, kun suunnittelet kutsuja, käyntikortteja, valikoita, lentolehtisiä, julisteita jne. Se on erilaisia ominaisuuksia,kuten tyylillisiä sarjoja, tyylillisiä vaihtoehtoja, kontekstuaalinen vaihtoehtoinen, Sidonta, jne. Sen mukana tulee swasheja, joten voit lisätä erityisiä yksityiskohtia suunnitteluun ja tehdä siitä monimutkaisen. Se tarjotaan OTF ja TTF-tiedostot – voit helposti asentaa ja käyttää sitä. Siinä on monia glyyfejä. Kaikki merkit ovat PUA-koodattuja – voit käyttää niitä ilman lisäohjelmia. Se on monikielinen, joten sinulla ei ole mitään rajoja. Se on erittäin puhdas ja se tekee suunnittelu vaikuttava. näin tunnistat rivin lopussa olevan kirjasimen

. ..

miten fontin tunnistaa? Joskus paras tapa löytää oikea fontti on etsiä kauniita esimerkkejä ja fonttikokoelmia netistä. Pahinta graafisille suunnittelijoille on ihanan fontin näkeminen, eikä sen nimeä tiedä. Mutta nyt kun sinulla on yhdeksän tapaa tunnistaa fontit, voit selvittää niiden nimet vain muutamassa minuutissa… tai ehkä jopa nopeammin!

P. S. ehkä, tiedät joitakin muita hyviä fontin tunnistustyökaluja, joita en ole maininnut. Kerro kommenttiosiossa!

KÄYTTÖLIITTYMÄVINKIT Web Designin harrastajille

klikkaamalla painiketta hyväksyt Tietosuojakäytännön Ja Käyttöehdot.

FAQ

Voinko myydä kirjasintyyppejä Templatemonsterissa?

voit ryhtyä kirjoittajaksi ja alkaa myydä kirjasimia, kuvakefontteja ja muita grafiikoita Templatemonsterissa. Sekä eksklusiiviset että ei-eksklusiiviset erät hyväksytään. Ansaitset 65% provision myymällä molempia tyyppejä.

millaisia fontteja voin myydä Templatemonsterissa?

voit itse päättää, mitä kirjasintyyppejä haluat myydä. Torilla hyväksymme fontteja, jotka kuuluvat 4 perusryhmään: ne, joilla on serifit, ne, joilla ei ole serifejä, skriptejä ja koristetyylejä.

mitkä fontit ovat trendikkäitä vuonna 2021?

seuraavat kirjasintyypit ovat kuluvana vuonna laajalti käytössä promo-ja markkinointimateriaaleissa. Katso ne:
vääristyneet fontit.
Retrosarjat.
tyylikkäät, ajattomat serifit.
Alppinäyttöfontit.
Characterful humanist sans serifs.
kineettinen tyyppi.

Lue myös

TOP 100 Free Font for Designers

60 Free & Premium Bold font for Strong Headlines

10 Typography Trends to Stick to in 2020

10 Top Font Apps For Typography Addicts or How to Get out of the Endless Font Maze

Leave a Reply

Vastaa

Sähköpostiosoitettasi ei julkaista.