Ikonin kirjasimet ovat uskomattoman hyödyllisiä suunniteltaessa sivustoa ja niillä on valtava määrä etuja kuin säännölliset kuvakkeet.

Koska ne toimitetaan fonttitiedostona ja upotettu kirjasinkokoon, nämä kuvakkeet ovat helposti skaalattavissa, niiden väriä voidaan muuttaa elävän kuvan muokkaamisen sijasta. Tämän lisäksi erilaisia ​​vaikutuksia voidaan lisätä koodauksen avulla, kuten varjoja, aivohalvauksia tai kaltevuuksia, mikä tekee niistä paljon monipuolisempia kuin kuvat.

Täällä kierrämme joitain parhaita kuvake-fontteja, joita maailmanlaajuinen verkko tarjoaa, jotta voit käyttää sivustoillasi.

Fico

Fico on upea näköinen kirjasintyyppi, joka esitetään kauniilla sivustolla, mikä tekee siitä iloa ladata ja käyttää. Sivusto osoittaa selvästi, mitä kirjainta tai glyphiä käytetään jokaisen kuvakkeen kohdalla, mikä poistaa joskus tuskallisen kuvakkeiden fontin lataamisen vain, jos sinulla ei ole aavistustakaan, mistä kukin ikoni löytyy näppäimistöltäsi ja kuluttaa arvokasta aikaa pyöräillen jokaisen avaimen kautta. Nämä kuvakkeet näyttävät fantastiselta Helvetican yhteyteen, puhtaat sileät linjat, jotka toimivat yhdessä aiheellisesti, luovat mielessä, että Fico on tehty sans serif -kirjasyyksille. Muita esimerkkejä on nähtävissä heidän sivuillaan.

pixelated

pixelated on fontti, joka kaikesta huolimatta on käytännöllistä. Pixelated on erittäin kevyt, kuvakkeen koko on keskimäärin 60 tavua! Ei megatavuja, tai jopa kilobytejä, tavuja! Voit myös ladata ne läpinäkyvinä GIF-tiedostoina, joten ne ovat yhteensopivia IE6: n kanssa. Jos haluat muokata niitä, voit ladata PSD: n. Fontti sisältää kaksi värimallia, jotka näkyvät alla, jolloin niiden käyttäminen on vielä yksinkertaisempaa. Se on täysin ilmainen, ja se on kaupalliseen käyttöön!

Entypo

Yllättävän fontin 100 + kuvakkeet, Entypo tulee täysin ilmaiseksi, ja kuten Pixelated, on saatavana kaupalliseen käyttöön. Se voidaan ladata vektoritiedostona muokattavaksi OpenType-fonttitiedoston ohella. Tämä fontti muistuttaa hyvin Applen käyttöliittymän kuvakkeita, joita käytetään iOS5: ssä ja OSX10: ssa, ja hieno kosketus, 50% kaikista lahjoituksista, jotka on tehty fontin sivustolla, lahjoitetaan Wikipedialle.

Uicons

Sen lisäksi, Uicons tarjota 391 kuvaketta sarjassaan ja sisältää sosiaalisen verkon erityisiä kuvakkeita, joita usein usein jätetään huomiotta kuvakkeiden kirjasimilla. Ei ole yllättävää, että tämä asetus ei ole ilmainen, mutta suhteellisen halpa 20 dollaria kaikki myöhemmät fontin päivitykset ovat ilmaisia. Nämä kuvakkeet on suunniteltu siten, että ne ovat äärettömän skaalautuvia ja tekevät reagoivasta suunnittelusta 1080p: n työpöydän näytön mobiililaitteille, kuten iPhone, paljon helpommaksi. Se voidaan ladata useissa eri muodoissa, mutta ei tällä hetkellä fontilla, se sisältyy tähän luetteloon, koska tuki on vireillä ja se ansaitsee paikan täällä.

Ikoninen

Ikoninen on avoimen lähdekoodin kuvakekokoelma, joka koostuu 171 kuvakkeesta eri muodoissa, kuten fonttina. Se on suunniteltu skaalautuvaksi ", pyrkii olemaan eniten ajattelevaa kuvaketta, joka perustuu siihen, että se tukee eteenpäin suunnattuja näyttö- ja käyttöönottomenetelmiä. Kuvakkeiden ei pitäisi olla vain selkeitä ja houkuttelevia, niiden on oltava helppoja ja joustavia työskennellä ". Tämän fontin avoimen lähdekoodin luonne tarkoittaa sitä, että se on lisätty välttämättömyyteen, kun kuvakkeita tarvitaan, eikä suunniteltu alusta lähtien, mikä johtaa siihen, että sarjaan kuuluu melko mielenkiintoisia ja vähemmän kuin tavanomaisia ​​kuvakkeita.

Sanscons

Tämä on toisen fontin, Bitcons , joukko 120 kuvaketta 10 eri väriä ja eri kokoja. Sanscons pyrkii tekemään Bitconsista enemmän CSS-ystävällisiä, läpinäkyviä taustoja ja 13 väriä. Kuvakkeet ovat myös 16 × 16, 32 × 32 ja 64 × 64 pikseliä sekä leikattu kokoon. 32 × 32- ja 64 × 64 -kuvakkeilla on chunkier-ilme ja ylläpitävät pikselityyliä. Sarja on ilmaista Creative Commons -lisenssin alla.

Heydings

Heydings on kirjasintyyppi, joka luodaan "laadukkaiden, ilmaisten kuvakkeiden web-fonttien" turvautuvasta alijäämästä, joka on käytettävissä upotettavien tekstien luomiseen ". Se sisältää 60 Glyphia, ja verkkosivusto tarjoaa jopa CSS: n, jotta koodaus fontin avulla olisi helpompaa. Kirjailija on myös kartoittanut kuvakkeet aakkosjärjestyksessä helpottamaan käyttöä. Nämä on suunniteltu käytettäväksi osana sivustosi ydintä käyttöliittymää, joten kuvakkeet kattavat laajan valikoiman useille eri sivustoille.

Vain vektori

Tämän kuvakekon mukana on kattava verkkosivusto, joka kattaa kaikki näkökohdat Vain vektori , siitä, miten se on selaimessa selaimessa, mitä se näyttäisi muotoillussa sivustossa, eri kokoisina, sekä koodin, jolla @ fontface'ing olisi helpompaa. Se sisältää myös kätevän vianmääritysohjeen, joka koskee kaikkia webfont-tiedostoja, jotka kattavat lataamisen eri selaimissa, myös matkapuhelimissa. Sivustolla näkyy fontin skaalautuvuus, joka näyttää kooltaan paljon suurempia kuin monet kuvakkeiden fontit vaivaavat tukea.

Flexi sosiaaliset kuvakkeet

flexi on saatavilla myfonts.com-sivustolla, joka tarjoaa kätevästi sivun, joka näyttää fontin renderoinnin useilla selaimilla. Fontti on 68 kuvioita, ja se maksaa 29 dollaria. Lisäksi webfont tarjoaa OpenType OTF- ja TrueType-vaihtoehtoja monipuolisuudelle.

WriteSocial

Writesocial sillä on vain seuraavat 18 kuvakkeet, mutta 10 dollaria on perusteltua muunnelmissa, joihin ne voivat tulla, esimerkiksi neliö- tai ympyräkuvakkeilla. Se on saatavana avoimen muodon muodossa sekä lisensoitu käytettäväksi @ font-faceilla. Ostoksesi yhteydessä on HTML-tiedosto, jossa on useita kirjasintyyppisiä fontteja. Tämän lisäksi voit maksaa 15 dollaria fontin sijasta tavanomaisen 10 dollarin sijasta, jossa $ 15 on $ 15 Charity: Waterille.

ikoo

ikoo on fontti, joka on kehitetty integroitavaksi html-sivulle ilman kuvia @ Fontan tai muun keinon kautta. Se on keskittynyt sivuston navigointiin ja tarjoaa monia todella puhtaita kuvakkeita sekä valkoisissa että mustissa muunnoksissa, joissa on yhteensä 65 vapaata kuvaketta.

InfoBitit (Icons & Dingbats)

Tämä antaa sinulle kaksi sarjaa yhden, vain 29 dollarin hintaan 190 merkkiä, InfoBits on kaksi erillistä kuvakkeiden fonttia, jotka näkyvät alla, jotka ovat saatavana myös yksittäin 19 dollaria kohden. Hahmoissa on leikkisä, mutta perinteinen tyyli, jolla on laaja valikoima käyttötapoja ja vaihtoehtoja, joka on erittäin monipuolinen sekä sivuston navigointiin että muihin oheislaitteisiin.

Pictos

Pictos on kuvakekokoelma, joka on saatavana mielenkiintoisissa formaateissa, ja sivustolla on sisäänrakennettu avainsidontaan mukauttaa oma Pictos-fontti. Se sisältää 650 kuvaketta, ja sitä pidetään riittävän hyvänä käytettäväksi kaikkialla webissä, esimerkiksi Microsoftin, Adoben ja BitTorrentin kautta. Muodostetun kirjasinominaisuuden muodostaminen, sitä käytetään suoraan Pictos-palvelimilta, joten sallii skaalattavan tilauksen 10 päivän ilmaisen kokeilun jälkeen. Se on uskomattoman houkutteleva fontti, ja on helppo nähdä, miksi sitä käytetään niin monissa hyvämaineisissa verkkosivustoissa.

Fontti mahtava

Tämä kirjasinlaji on suunniteltu käytettäväksi Twitterin Bootstrap CSS -kehyksessä, mukaan lukien 220 kuvakkeet, joissa annetaan esimerkkejä kuvakkeista, joita käytetään niiden Bootstrap-käyttöliittymässä. Ne on myös vektorikuvakkeina helppoa muokkausta varten, ja uusi 2.0-versio tukee IE7-tekniikkaa, jotta se olisi mahdollisimman yhteensopiva.

Mistä pidät hyödyllisimmän kuvakkeen, auton, twitter-kuvakkeen? Jäikö meiltä yksi suosikki sarjasi? Kerro meille kommentit.