32 upeaa verkkoturvallista fonttia käytettäväksi CSS:n kanssa

Näemme kirjasimia joka päivä useita tunteja päivässä useimmille meistä. Jos olet toimistotyöntekijä, saatat nähdä vielä enemmän. Niitä käytetään myös printissä ja verkkosivuilla. Itse asiassa fontit suunniteltiin alun perin ladontaa varten sanomalehtien ja kirjojen tulostamista varten.

Nykyään fontteja käytetään sähköisessä muodossa verkkosivustojen suunnittelussa, mainosgrafiikassa ja muissa samoin kuin sanomalehdissä, aikakauslehdissä ja kirjoissa, joita vielä painetaan.

Mistä tiedät, että valitsemasi kirjasin näkyy katsojalle?

Olemme koonneet 32 ​​verkkoturvallista fonttia, joita voit käyttää CSS:n kanssa verkkosivustollasi.

Ennen kuin pääsemme niihin kuitenkin; tiedätkö mikä verkkoturvallinen fontti todella on?

Mikä on verkkoturvallinen fontti?

Jokaisessa käyttöjärjestelmässä on se Windows tai Mac, jossa on tietty määrä sisäänrakennettuja fontteja. Vaikka kaikkiin tietokonejärjestelmiin ei ole asennettu samoja kirjasintyyppejä, voit käyttää web-turvallista kirjasintyyppipakettia valitaksesi useita vertailukelpoisilta näyttäviä fontteja. Näin eri järjestelmät näkevät, mitä olet lähettänyt verkkosivustollesi.

Jos et valitse verkkoturvallista fonttia; kaikki sivustollasi vierailijat eivät näe, mitä sivullasi on julkaistu, minkä vuoksi on tärkeää valita yksi web-turvallisista kirjasinpinoista.

Mikä on CSS?

Kaikilla sivustoilla, joiden avulla voit luoda omia verkkosivustoja, ja isännöintiyrityksiä, jotka ovat syntyneet, kuten Wix, joissa vain vedät ja pudotat, et ehkä tunne HTML- tai CSS-kieliä.

CSS on lyhenne sanoista Cascading Style Sheets, jonka avulla voit hallita verkkodokumenttien tyylielementtejä, kuten väriä, fonttia tai väliä. Pohjimmiltaan se kertoo käyttäjän tietokoneelle, minkä fontin, värin ja välit katsojalle näytetään. Jos kyseisellä käyttäjällä ei ole fonttia, tietokone joko lataa sen tai käyttää samanlaista kirjasinta, kunhan suunnittelija on valinnut käytettävän kirjasinpinon tai kirjasinperheen. Fonttiperhe olisi jotain Lucidaa, joka sisältää myös Lucida Sansin ja Lucida Granden.

Vaikka TV-mainokset osoittavat menestyviä yrityssivustoja, jotka ovat käyttäneet omia sivustojaan, en suosittele sitä. Jos haluat todella luoda ammattimaisen ilmeen yrityksellesi, palkkaa ammattimainen suunnitteluyritys. Silti, jos todella haluat rakentaa oman ja osaat jonkin verran HTML- ja CSS-kieltä, sinun tulee käyttää tiettyjä fontteja, ja me kerromme sinulle, mitä ne ovat.

32 Web Safe Fonts

Tässä ovat fontit, jotka ovat turvallisia, jos niitä käytetään kirjasinpinossasi, ja verkkosivusi näkyy oikein kaikille, jotka vierailevat sillä. Ne voivat myös antaa sinulle ammattimaisen ilmeen.

Sans Serif -verkon luotettavat kirjasintyypit

Nämä san serif -kirjasimet sopivat parhaiten verkkosivullesi.

1. Arial
2. Arial musta
3. Tahoma
4. Trebuchet MS
5. verdana

Tässä on joitain muita, vaikka ne eivät välttämättä näy joissain tietokoneissa, joihin niitä ei ole asennettu.

1. Vuosisadan gootti
2. Geneve
3. Lucida
4. Lucida Sans
5. Lucida Grande

Serif Web Safe Fontit

Nämä ovat parhaat serifille

1. Kuriiri
2. Kuriiri Uusi
3. Georgia
4. Ajat
5. Times New Roman

Nämä toimivat, mutta eivät välttämättä näy joissain tietokoneissa.

1. MS Serif
2. New York
3. Palatine
4. Palatino Linotyyppi

Monospace Fontit

Monospacen parhaat fontit

1. Kuriiri
2. Kuriiri Uusi

Nämä toimivat, mutta ne saattavat puuttua joistakin tietokoneista.

1. Selvä konsuli
2. Monaco

Älypuhelimet ja mobiililaitteet

Näissä laitteissa on todella vain muutama fontti; Valitettavasti Android-laitteille ei ole olemassa keskinäisiä tyylejä. Sen sijaan sinun on käytettävä @font-face -tunnistetta tuodaksesi lähteet, joita haluat käyttää. iPhone-, iPod- ja iPad-laitteissa yleisimmin käytettyjä tyylejä ovat:

1. Arial
2. Kuriiri
3. Kuriiri Uusi
4. Georgia
5. Helvetica
6. Palatine
7. Times New Roman
8. Trebuchet MS
9. verdana

Nämä ovat yleisimpiä verkkoturvallisia fontteja, joita voit käyttää. Voit olla varma, että suurin osa ihmisistä näkee verkkosivusi oikein iPhone-, iPad- ja iPad-laitteissa.

Ilmainen vs maksettu

Avoimen lähdekoodin ohjelmilla, kuten Open Office ja LibreOffice, saatat löytää useita laadukkaita ilmaisia ​​fontteja ladattavaksi Internetistä. Monet näistä ovat melko korkealaatuisia ja useimmat meistä pitävät ilmaisista tavaroista; Lisäksi miksi et säästäisi muutamaa taalaa projektista?

Onko ilmainen aina hyvä, eikö? Vai onko se? Voiko ilmaista todella verrata maksullisiin fontteihin?

Ilmaiset kirjasimet verrattuna maksullisiin fontteihin, mitä eroa niillä on? Vastaus on laatu. Kyllä, jotkut ilmaisista fonteista ovat hyvälaatuisia. Kuitenkin, kun kyse on ilmaisista, sinun tulee silti tarkistaa lisenssi varmistaaksesi, että voit käyttää niitä.

Mitkä ovat ilmaisten kokoelmien fontteja?

1. Southern Aire by Måns Grebäck on ilmainen henkilökohtaiseen käyttöön
2. Devil East Free by fey design
3. Billy Argelin Casablanca Noir Personal Use Regular
4. Jovanny Lemonadin Magnolia-käsikirjoitus
5. Manila Sans – Lihavoitu ladannut theprintinghub
6. Typnic Titling by MyFonts
7. League of Moveable Type: League Gothic
8. Grand Hotel by Astigmatic
9. Mariel Gornatin Ayres Serif

Mitkä ovat vuoden 2016 suosituimmat ilmaiset fontit?

10. Arctic ilmainen fontti
11. Bemount ilmainen fontti
12. Esphimere ilmainen fontti
13. Jaden ilmaiset kirjasimet
14. Barbaro ilmaiset kirjasimet
15. Ansley Display ilmainen fontti
16. Bariol Serif ilmainen fontti
17. Bohemia SlabSerif ilmainen fontti
18. Stellar ilmainen fontti
19. Panama ilmainen fontti
20. BSRU Bansomdej ilmainen fontti
21. Firefly ilmainen fontti
22. Mighttype Script ilmainen fontti
23. BERNIER ilmainen fontti
24. Muisti ilmainen fontti

Mihin näitä ilmaisia ​​fontteja voisi käyttää? Ehkä tarinankerrontasivustolla olisi hyvä paikka käyttää näitä kirjasimia. Niitä voidaan käyttää myös henkilökohtaiseen päiväkirjaan, valokuvablogiin; melkein mitä tahansa, mitä haluat julkaista Internetissä.

Mitä fontteja ammattilaiset käyttävät?

Kun suunnittelijat rakentavat verkkosivuja asiakkaille, he käyttävät maksullisia kirjasimia useista kokoelmista.

Ehkä mietit, mitä fontteja ammattilaiset käyttävät? Näitä fontteja käyttävät eniten ammattilaiset.

1 Helvetica

2 Frutiger

3 Myriad Pro

4 Future Std

5 Trajanus

6 Optima Std

7 ITC Franklin Gothic Std

8 Tulevaisuus

9 Bickhamin käsikirjoitus

10 universumia

11 Eurotyyli

12 Interstate

13 Kauppagootti

14 Gill Sans

15 Warnock

16 Kepler

17 Bodoni

18 Bembo

19 Rockwell

20 Meta

21 Gotham

Nämä 21 ovat fontteja, joita näet useimmiten ammattimaisten web-suunnittelijoiden suunnittelemilla verkkosivustoilla.

Käyttäisivätkö ammattimaiset verkkosuunnittelijat ilmaisia ​​fontteja? Ammattimainen web-suunnittelija saattaa käyttää ilmaisia ​​fontteja asiakkaan toiveiden ja tarpeiden mukaan. Tässä on muutamia, joita ammattimaiset web-suunnittelijat voivat käyttää.

• Herkullinen
• pakanat
• Tallys
• Yanone-kahviporot
• Ambrosia
• Aukko
• Liberation-perhe, joka sisältää Sansin ja Serifin
• Advent Pro

Mihin tarvitsisit fontteja?

Mihin tarvitset fontteja? Muutamia asioita, joissa voit käyttää fontteja, ovat CV:n kirjoittaminen, päiväkirjan tai blogin kirjoittaminen tai valokuvapäiväkirja perhekuvien jakamiseen. Voit myös käyttää niitä kirjoittaaksesi sukuhistoriaasi ja sukututkimustasi tai ehkä verkkosivuston kotiyrityksellesi, kuten freelancereille.

Jos olet freelance-kirjoittaja, sinun tulee harkita joitain näistä ilmaisista fonteista työkaluina, joita voit käyttää riippuen siitä, mitä asiakas haluaa esittää. Voit myös käyttää niitä portfoliossasi näyttääksesi asiakkaillesi.

Mistä saa fontteja?

Mistä voit hankkia fontteja projekteihisi, verkkosivuihisi ja muihin käyttötarkoituksiin? Tässä on luettelo paikoista, joista voit hankkia fontteja. Jotkut näistä ovat maksullisia ja jotkut ilmaisia, toiset sisältävät yhdistelmän maksullisia ja ilmaisia ​​fontteja, jotka voit ladata.

• Microsoftin Office-tuki – monet niistä ovat maksullisia, ja muutama voi olla ilmaisia
• Google Fonts – Ilmaiset kirjasimet Googlelta
• 1001 ilmaista fonttia – yli 12 000 ilmaista fonttia, siinä on myös mac-fontteja
• DaFont – nämä ovat ilmaisia
• Urban Fontit – nämä ovat ilmaisia
• Font Squirrel – tällä sivustolla ei ole vain ilmaisia ​​ja maksullisia, vaan se näyttää, minkä käyttöjärjestelmien kanssa fontti toimii.
• Itunes – Apple Storessa on sekä ilmaisia ​​että maksullisia fontteja

Monet näistä sivustoista, elleivät kaikki, antavat ohjeet käyttöjärjestelmän fonttien lataamiseen ja asentamiseen, olipa se sitten Windows tai Mac.

Kiinnitä vain huomiota ja noudata annettuja ohjeita, niin sinulla ei pitäisi olla ongelmia lataamiesi fonttien asentamisessa.

Se, kuinka paljon maksat kirjasimista, riippuu yrityksesi tyypistä, tekemästäsi projekteista ja budjetistasi.

Muista vain, että ilmainen ei aina ole paras valinta. Sinun on ehkä leikattava budjettiasi muilla alueilla, jotta voit maksaa joistakin kirjasimista, jos haluat asiakkaillesi kattavan valikoiman.

Jos maksullinen kirjasin olisi mielestäsi asiakkaalle parempi vaihtoehto, selitä hänelle, miksi haluat näyttää eron maksullisissa ja ilmaisissa fonteissa; muista selittää, että kaikkiin järjestelmiin ei välttämättä ole asennettu fontteja, ja siksi ne eivät välttämättä näe niiden esittämiä tietoja.

Johtopäätös

Kaikilla tee-se-itse-verkkosivustoilla sinun ei enää tarvitse olla HTML- tai CSS-tietoa, mutta sinun tulee olla tietoinen käyttöjärjestelmissä yleisesti käytettyjen fonttien tyypeistä.

Kun rakennat verkkosivustoa, annat vierailijoille tietoa yrityksestäsi tai asioista, jotka heidän mielestään tarvitsevat tietää, tai jopa itsestäsi.

Jos rakennat oman verkkosivustosi etkä käytä yleistä kirjasinta, jonka useimmat käyttöjärjestelmät ovat asentaneet, sivustosi vierailijat eivät ehkä voi tarkastella asiakirjojasi tai tietoja, joita yrität antaa heille.

Valitsemasi fontit ovat äärimmäisen tärkeitä, ja ne tulee valita huolella, varsinkin nyt, kun monet tekevät omia verkkosivustojaan.

Sinun on muistettava, että kaikkiin tietokoneisiin ei ole asennettu kaikkia fontteja, minkä vuoksi sinun tulee valita kirjasinperhe tai fontteja, joissa on samanlaisia ​​fontteja, joita voidaan käyttää sen sijaan.

Olemme antaneet sinulle runsaasti fontteja, joista valita, joista osa on maksettu ilmaiseksi; on sinun päätettävissäsi, kumpi sopii paremmin projektillesi tai yrityksellesi – maksullinen vai ilmainen. Kyse on siitä, minkä kuvan haluat antaa ihmisille; ammattilainen tai armatuuri. Jos se on asiakkaalle; sinun on myös esitettävä heille parhaat maksulliset ja ilmaiset valinnat ja selittävä niiden väliset erot, jotta heillä on kaikki tarvittavat tiedot viisaan valinnan tekemiseen. Älä unohda kertoa heille, mitä sinä ammattilaisena valitsisit omaan henkilökohtaiseen projektiisi ja miksi.