Bruk av fonter. Betalte og gratis skrifter

Fonten er viktig. Som luft som du ikke legger merke til så lenge alt er bra. De fleste har ingen anelse om hva fonter heter eller hvordan de er forskjellige (og det er greit), men de kan definitivt merke at det er noe galt med nettstedet ditt hvis fonten du bruker ikke passer til prosjektet ditt.

Hva er skriftvekt

Skriftlesbarhet

Uansett hvilken skrift du velger, skal den være lett å lese. Spesielt hvis du bruker et bakgrunnsbilde. Hvis du setter en tynn strek på et bilde med små detaljer, vil ikke teksten bli lest. Vær alltid oppmerksom på dette.

Hva kan bli gjort? Bruk først et bilde som passer for bakgrunnen: med store, ensartede elementer. For det andre, myk opp bildet med et filter, det vil bli jevnere og teksten leses bedre. For det tredje kan du øke metningen til en bestemt blokk ved å bruke "inline stilen". Dette betyr at du ikke setter innstillinger for hele siden, men kun for en del av teksten. Du må velge teksten og angi parametere gjennom editoren.

Stilen som brukes på denne måten, på toppen av de globale innstillingene, vil alltid ha forrang. Derfor, hvis du plutselig endrer parametere i nettstedinnstillingene, men endringene ikke er synlige, betyr det at en "innebygd stil" har blitt brukt på dette stedet. For å fjerne den, må du velge teksten og klikke på "tøm"-ikonet.

Eksempel 1: Teksten er lite lesbar

Eksempel 2: Teksten leser godt

Hvis emnet for valg av font interesserer deg, finn gode nettsteder i nærheten av prosjektet ditt og se hvilke fonter de bruker. What Font-nettleserutvidelsen hjelper deg med å finne ut dette.

Du kan også se på det uavhengige typografiarkivet http://fontsinuse.com/ - en ressurs hvor prøver av nettsider og trykte publikasjoner samles inn og sorteres etter type font som brukes.

Hvis du allerede har blitt kjent med det grunnleggende om typografi og vet hvor du kan finne fonter som passer deg, er det på tide å bli kjent med klassifiseringen av fonter og deres typer. I dag finnes det ganske mange forskjellige fonter. De er både betalte og gratis.

Grunnleggende skriftgrupper

I dag er det mange forskjellige fonter. Alle av dem har spesifikke egenskaper, takket være hvilke de kan deles inn i grupper:

Serif (serif)

Slike fonter brukes vanligvis i utskrift. Grunnen til dette er deres lette å lese, noe som gjør dem veldig populære. Denne typen skrift er attraktiv på grunn av de små linjene i enden av bokstavene. Den ble brukt i bøker, ulike magasiner og aviser. I sin tur vil serif-fonter hjelpe nettstedet ditt med å få en viss eleganse og lage utseende webdesign mer sofistikert.

Plateserif (rektangulære seriffer)

Å bruke denne typen font vil gi nettstedet ditt et unikt utseende og få det til å se ganske stilig ut. Rektangulære seriffer er vanskelige å lese og anbefales derfor ikke for bruk i teksten du fyller brødteksten på nettstedet med. De brukes best når du designer overskrifter, som vil gi dem et mer interessant utseende og visuelt skille dem fra hoveddelen av teksten.


Skript (i kursiv)

Disse skriftene er best brukt for å komplementere dekorative elementer ditt design. Når du bruker kursive skrifter, vær spesielt forsiktig når du bruker dem i overskriftene dine, så vel som i brødteksten på nettstedet, fordi å lese dem er en ganske vanskelig prosess for besøkende.


Blackletter (gotisk skrift)

Denne skriften har et dekorativt utseende. Hvis du vil krydre webdesignet ditt med noe vintage, bør du bruke denne fonten. Ofte brukes disse fontene av ulike restauranter på skiltene deres.


Sans serif (sans serif)

Bokstavene vil ikke ha seriffer. De er ganske like serif-fonter og vil se bra ut i teksten til enhver Internett-ressurs eller i overskrifter. De brukes vanligvis på en datamaskin, fordi de er mye mer praktiske å lese når skriften er liten. Disse skriftene kan bidra til å gjøre prosjektet enklere og designen mer minimalistisk. I dag er San serif den mest populære fonten som brukes av designere for teksten til artikler som er lagt ut på nettsidene deres.


Håndskrift (håndskrevet skrift)

Ved å bruke denne typen skrift vil teksten din se ut som den er skrevet av noen andre. Det kan tjene som et godt dekorativt tillegg til et nettprosjekt, som igjen vil gjøre det unikt og uforlignelig. Det er best å bare bruke skrift for å fremheve informasjonen du vil at leseren skal legge merke til.


Dekorativ (dekorativ)

Disse skriftene inkluderer alt eksisterende typer morsom i naturen og ganske original. Deres lille ulempe er at de er veldig vanskelige å lese. Hvis du vil at webprosjektet ditt skal ha en uvanlig tekstdesign, kan du trygt bruke dem.


Valg og kombinasjon av fonter

Variasjonen av skrifttyper er enorm, noe som betyr at det er enda flere kombinasjoner av dem. Derfor tar det mye tid å velge riktige fonter. Dette er en ganske komplisert prosess, der du alltid bør basere den på stilen til Internett-prosjektet ditt og på preferansene til de besøkende.

Først, i begynnelsen av denne prosessen, må du bestemme deg for valg av skrifttype som du vil bruke i teksten til brødteksten på nettstedet, som vil bli den viktigste for hele prosjektet ditt. Ofte velges en font med eller uten seriffer for brødteksten på nettstedet. Dette vil gi deg tillit til at nettstedet ditt vil være lesbart, og derfor bør søket etter fonter utføres direkte i disse to gruppene.

Sørg også for at skriften du velger har en rekke stiler. Dette vil tillate deg å være mer fleksibel når du bruker dem i nettprosjektet ditt. På en bra måte For å forstå om en bestemt skrift er riktig for deg, vil den bli testet på store blokker, for eksempel i overskrifter, avsnitt osv.

For det andre må du definitivt definere en annen font som du vil bruke i noen av overskriftene. Det er ingen spesifikke regler for et slikt valg, men erfarne designere anbefaler å velge en skrifttype som vil avvike fra den viktigste du bruker for kroppen til nettstedet. På denne måten kan du gjøre overskriftene på nettstedet ditt mer attraktive for brukere. Det er bedre å bruke en litt modifisert skrift for brødteksten på nettstedet, for eksempel, for å gjøre den fet.

Et godt tekstdesignalternativ er å blande og matche en gruppe serif-overskriftsfonter med brødteksten på nettstedet, som vil være sans serif. Prøv dette eksperimentet og du vil se at disse to gruppene passer veldig harmonisk sammen for å lage et vakkert typografidesign.

For det tredje, hvis du vil trekke oppmerksomheten til brukerne dine til noen visse elementer tekst og gjør dem mer synlige, så bør du legge til en annen font til designet. I dette tilfellet kan du eksperimentere med kursive og dekorative skrifttyper, da dette er de beste måtene å fange oppmerksomheten til besøkende på nettstedet.

Hvordan blande og bruke fonter i tekst

La oss se på flere prinsipper for å kombinere fonter som lar deg oppnå vakkert design tekst.

Siden må være lesbar

Når du velger en font for teksten til nettstedets brødtekst eller overskrift, bør du definitivt huske at den skal være lett å lese for brukeren. Selvfølgelig avhenger lesbarheten til noen fonter direkte av de riktige innstillingene: du må sørge for at riktig skriftstørrelse, linjehøyde og farger er valgt. Før du bruker noen skrifttyper i webdesignet ditt, sjekk hvordan de vil se ut i forskjellige farger. På denne måten kan du forstå om en bestemt farge passer deg.

Denne regelen har et par unntak som alltid bør huskes. Du utvikler for eksempel webdesign for et Internett-prosjekt for barn, og det kan være lurt å bruke en av de dekorative fontene som barn vil like. I dette tilfellet, prøv å holde deg til serif- og sans serif-fonter. Det er nødvendig å følge denne regelen, fordi studier har vist at disse skriftene er mye lettere å lese, så valget av dekorative fonter vil ikke være det mest det beste alternativet V i dette tilfellet.

Ikke bruk mange forskjellige fonter

Når du lager et prosjektdesign, prøv å ikke bruke et stort antall fonter. Det optimale antallet å bruke ville være tre fonter. Det er flere grunner til dette:

    Når du bruker skrifttjenester, vil hver skrift du legger til, bidra til å øke nettstedets sideinnlastingshastighet.

    Tilstedeværelse mer Skrifter på nettstedssider distraherer besøkende, noe som gjør det vanskeligere for dem å konsentrere seg om å lese innholdet.

    Ved å ikke bruke mer enn tre fonter sparer du tid samtidig som nettstedet ditt ser flott ut.

Ikke bruk upassende kombinasjoner

Å kombinere flere fonter når du skriver nettsidetitler eller kombinere et stort antall forskjellige fonter er en veldig dårlig idé. Slike kombinasjoner er risikable og kan gi deg mange problemer.

Ved å se på fonter på Typekit-netttjenesten har du mulighet til å stille inn de filtrene du trenger, som vil hjelpe deg å finne ut hvilke fonter som er best å bruke til overskrifter eller avsnitt, noe som vil være et svært nyttig verktøy under designutvikling.

Eksempler på å kombinere fonter

La oss som et eksempel se på sidene til flere nettsteder der fonter er nøye utvalgt.

Overskrifter:
Sentinel (serif plate)

Avsnitt:
Gotham Narrow (sans-serif)

I disse eksemplene kan vi observere at overskrifter og underoverskrifter er i plateserif-font. Den fungerer som en kontrast til hovedteksten på nettstedet og er en enkel og lettlest font. Denne designen har ensartethet. Du kan oppnå mye med det bare ved å endre fargen og stilen.

Overskrifter og avsnitt:
Freight Text Pro (serif)

Hvile:
Freight Sans Pro (san-serif)

I dette eksemplet kan vi se hvordan bare én font brukes for overskrifter og avsnitt. Det ser ganske kult ut fordi overskriftene har et dristigere og større utseende.

Også her kan vi se en sans-serif-font, som forfatteren bruker på sidens knapper og meldingsinformasjon.

Overskrifter:
PMN Caecilia (plateserif).

Avsnitt:
Gill Sans (sans-serif)

Designerne av dette nettstedet har laget et veldig sofistikert og vakkert design for deres nettressurs. Det er ingen irriterende eller fet skrift her. De valgte en tynn skrift for overskriftene og en enkel skrift for brødteksten til nettstedet.

Begge skriftfamiliene som er tilstede på denne ressursen har en utmerket kombinasjon, som gjør at besøkende enkelt kan lese all teksten.

Overskrifter og avsnitt:
Skolar (serif)

Designerne av dette nettstedet bruker kun én serif-font. Men til tross for en slik ekstraordinær beslutning fra spesialister, har overskriftene og avsnittene en synlig forskjell mellom hverandre. Alt dette skyldes det faktum at spesifikke skriftstiler, farger og størrelser brukes her.

Hei, Habr!

Det er allerede skrevet fjell med artikler som beskriver forskjellige sider arbeider med nettfonter har det blitt samlet inn mange fungerende eksempler, men hver dag møter vi fortsatt en grunnleggende misforståelse av hva nettfonter er. Ikke alle har tid til å Google materiale om dette emnet, så jeg prøvde å gi svar på vanlige spørsmål. Dette materialet vil først og fremst være av interesse for de som ennå ikke har fordypet seg i vanskelighetene med skriftteknologi.

01. Hvorfor trenger vi i det hele tatt nettfonter, hvorfor ikke standard?

Det første som kommer til tankene er at standardfonter er veldig kjedelige, og det er vanskelig å gjøre noe originalt med deres hjelp. Som regel bringer de fleste av dem melankoli og motløshet ikke bare til brukere, men også til webdesignere. I dette tilfellet er ikke-standard fonter mer uttrykksfulle, og i tillegg er det en størrelsesorden flere av dem, så det er mye å velge mellom. Dessuten er skriften en integrert del av merkevaren, så hvert selskap streber etter å bruke den mer aktivt, siden en slik teknisk mulighet har oppstått.

Og man kan helt forlate standardfonter, spesielt siden mange mobile operativsystemer ikke støtter dem (for eksempel Arial, Taһoma, Verdana og Georgia). Men dessverre var industrien, som i mange år var justert til 96 DPI-skjermer og Georgia-verdans, ikke helt klar for raske endringer, og på eldre Windows-operativsystemer er det fortsatt problemer med å vise ikke-standard fonter på grunn av særegenhetene ved rasteriseringsmekanismen.

02. Hvordan velge en god webfont?

En skrift er ikke bare et digitalisert sett med bokstaver laget med en pensel på papir eller i Illustrator, det er også 98 % av finjustering og polering, hinting og testing for ulike medier og i forskjellige størrelser. Denne skriften ser bra ut, stilen er polert, det vil ikke være noen problemer med den verken på skriveren eller på skjermen, den utstråler god kvalitet.

Men når du velger en skrifttype, er det ikke engang denne som er av mye større betydning, men skriftens hensiktsmessighet og samsvar med bruksmetoden og oppgavene som er tildelt den. Hvis du jobber med fonter, du må forstå hvordan det hele fungerer hvilke teknologier som brukes. Dette vil hjelpe deg å ikke ha i hodet en haug med uforståelige huskeregler, fanget i anfall og start. For eksempel vet enhver skriver med respekt for seg selv hvorfor det er uønsket å bruke TrueType-fonter for offsettrykk, hvilke fonter som kan brukes som tekstfonter, og hvilke - kun for overskrifter eller indekser. Hvis han ikke vet dette, må han trykke et stort opplag på nytt, og konstante overraskelser og problemer vil vente på ham på jobben. Det er overraskende hvorfor ingen stiller noen krav til webdesignere.

03. Hvordan gjengir nettlesere fonter?

Ganske ofte hørte jeg at nettlesere tegner fonter selv, så de ser forskjellige ut overalt. Men faktisk er et spesielt grafikkundersystem til operativsystemet engasjert i å gjengi fonter: i Windows er dette GDI eller DirectWrite, og på OS X og iOS - Kjernetekst(og tidligere QuickDraw). Det er 3 vanlige fontrasteriseringsmekanismer (gjengivelse): tofarget (svart og hvit) piksel, monokrom piksel (ofte kalt antialiasing eller vanlig anti-aliasing) og subpiksel. Subpixel bruker funksjonen til LCD- og plasmaskjermer, der hver piksel er delt inn i 3 deler (rød, grønn og blå), for å øke den horisontale oppløsningen til det gjengitte bildet og forbedre klarheten.

Nettlesere velger imidlertid sin egen gjengivelsesmetode fra de som leveres av OS. For eksempel har GDI 3 gjengivelsesalternativer: svart og hvitt, vanlig kantutjevnelse og subpiksel ClearType. Det særegne ved sistnevnte er at utjevning bare skjer horisontalt, i samsvar med plasseringen av underpikslene. Dette er grunnen til at vi ofte ser forferdelig taggethet på de horisontale og diagonale strekene til skriften når du bruker den. Heldigvis begynte Microsoft sakte å forbedre mekanismen, og GDI ble erstattet av DirectWrite-teknologi, som introduserte vertikal kantutjevnelse. Sammenligne:

04. TTF eller OTF?

TrueType og PostScript var opprinnelig forskjellige skriftformater. TrueType bruker kvadratiske Bezier-kurver, mens PostScript bruker kubiske kurver, som er kjent for designere som jobber i Illustrator og Photoshop. I dag brukes begge metodene for å beskrive kurver som en del av det samme OpenType-formatet, med den eneste forskjellen at TrueType-filer har en TTF-utvidelse, og PostScript-filer har en OTF-utvidelse. Hver teknologi har sine egne hintfunksjoner og spesifikke applikasjoner.

Se på bildet. Hvis en TrueType-skrift er mye mer lesbar i en liten skrift, men i stor størrelse vi ser karakteristiske tenner, så for PostScript-fonten er alt akkurat det motsatte. Dette skjer fordi for PS og TT nettlesere velger ulike metoder rasterisering. For PS brukte nettleseren vanlig monokrom anti-aliasing, og TT ble behandlet med ClearType. Så det viser seg at TrueType vil være å foretrekke for tekstfonter, og PostScript er bedre for overskrifter og store inskripsjoner.

Vi ser også at ikke alle nettlesere bruker DirectWrite ennå. Så det er fortsatt ikke i Google Chrome.

05. Hva annet påvirker skjermen?

Noen ganger er det bedre å angi rasteriseringsmetoden manuelt. For eksempel, i nettlesere med Webkit-motoren, kan du bruke CSS-egenskapen - webkit-font-smoothing og aktiver manuelt vanlig kantutjevnelse i stedet for utjevning av underpiksler, og omvendt. Det er også ikke-trivielle måter å få nettleseren til å endre rasteriseringsmetoden på; på Habré foreslo de en gang å bruke et hack med tekstskygge .

Vi må ikke glemme skriftstørrelsen (font-size). Kontrastform, strekkontrast og lesbarhet kan variere sterkt mellom skriftstørrelser. Legg ned grafikkredigereren og se hvordan nettskrifttypen ser ut i nettleseren, i kamp.

En annen måte å dempe manglene ved kantutjevnelse er gjennom farge- og kontrastbehandling. For å redusere effekten av kromatisk konturering (når du bruker ClearType, vises gule og magenta konturer rundt kantene), kan du prøve å redusere tonekontrasten ved å gjøre bakgrunnsfargen nærmere tekstfargen. Ikke la deg rive med for mye, husk om brukere med nedsatt syn.

06. Trenger webfonter tips?

Hinting er spesielle instruksjoner som stivt binder de abstrakte kurvene til en skrift til piksler på skjermen. De aller fleste fonter (inkludert kommersielle) er ikke antydet, fordi dette er en ganske arbeidskrevende og kompleks prosedyre. Hint utføres annerledes for TrueType og PostScript. Hvis du tar en billig font, er OTF-formatet sikrere, fordi i TT har prosedyren holdt seg uendret siden svart-hvitt-rasteriseringens dager og er ikke helt tilstrekkelig, men for PS er prosedyren enklere, og forfatteren har mulighet til å gjøre automatisk hint.

En skrift uten antydninger blir uskarp når den rastreres, og høyden på bokstavene kan hoppe.

På den ene siden er en font med hinting ganske tydelig, kontrasterende og ensartet, men på den andre siden er bokstavformer forvrengt avhengig av størrelsen, og avstanden kan avvike fra ekte. Bokstaver er strengt underordnet piksler.

I Windows OS ser vi kanskje den mest radikale tilnærmingen: slike populære fonter som Tahoma, Verdana, Arial og Georgia ble antydet spesifikt for GDI ClearType, og da DirectWrite dukket opp, måtte de viktigste skriftene som er inkludert i operativsystemet, hintes på nytt og oppdateres.

I motsetning til Microsoft tar Apple den motsatte tilnærmingen, så deres operativsystemer bruker algoritmer som gjør at enhver skrift kan vises mer eller mindre effektivt, og hinting blir ikke tatt i betraktning i det hele tatt.

Svarer på spørsmålet: æraen med 300 DPI-skjermer nærmer seg raskt, og stor mengde mobile enheter har allerede denne oppløsningen, og snart er det ikke nødvendig med hint i det hele tatt. Men siden Windows fortsatt er hintavhengig og fokusert på skjermer med lav oppløsning, prøv å velge høykvalitets antydede eller standardfonter for tekst, ellers vil teksten være uleselig og vanskelig å forstå.

07. @font-face eller Cufon?

Uansett hvor rart det kan høres ut, er det fortsatt folk som stiller seg dette spørsmålet. Det ser ut til at etter at nettlesere begynte å støtte @font-face-attributtet, så det ut til at alle andre teknologier for innebygging av fonter (Cufon, sIFR, Flash) ble irrelevante. Men det gjenstår fortsatt en viss mening, for eksempel en måte å erstatte en font med et bilde, når det ikke vises vektorkurver på nettstedet, men bare en utskrift, som en skriver skriver den ut på et ark eller Photoshop gir en uredigerbar JPG. Dette er tillatt av mange vanlige (skrivebords) fontlisenser. Noen skriftprodusenter (for eksempel Adobe) tillater at skrivebordsfonten bygges inn (i programmer og på serveren), så lenge den forblir beskyttet og ikke kan lastes ned. Hvis du ikke kan kjøpe en separat nettlisens, kan du bruke passende sIFR når fonten er innebygd ved hjelp av Flash-objekter. Ulempen er at den bruker Flash, som ikke støttes av alle enheter. Du kan også bruke Cufon-teknologi (Canvas brukes), hvis lisensen tillater det. Selvfølgelig, i dette tilfellet vil skriptet være tungvint, og tekstvalg vil ikke fungere, men i håpløs situasjon Vil gjøre.

Men det er best å bruke @font-face, det er både mer teknologisk avansert og mer praktisk, og i tillegg er det samlet opp tilstrekkelig erfaring til å jobbe med det. Det har bare én ulempe: ikke alle produsenter tillater at skriftene deres brukes på nettet.

08. Hvilke formater skal skriftfiler være i?

I dag bør fonter som er forberedt for implementering (@font-face) på et nettsted være i flere formater:

TTF eller OTF- en fontfil som er kjent for oss, men som er lastet fra serveren mens du ser på nettstedet;
WOFF- ubeskyttet kildearkiv OTF eller TTF, kanskje det viktigste formatet som folk flest støtter populære nettlesere, og filer i WOFF er vanligvis 2–2,5 ganger lettere enn de originale;
EOT- et arkiv implementert av TT OpenType, som har sikkerhetsmekanismer, er nødvendig for å støtte eldre nettlesere Internet Explorer(fra IE8, i tillegg til TrueType-kurver, støttes også PostScript);
SVG- for å støtte Safari-nettleseren.

09. Kan webfonter konverteres?


Uansett hva folk forteller deg, kan du ikke bare konvertere filen og lagre den. original kvalitet skrift, spesielt hvis den opprinnelig var i OpenType-format. I prosessen er det en sjanse for å miste noen data innebygd i fontfilen (kompilerte instruksjoner, tilleggstegn, beregninger). Du vil legge merke til dette når filen plutselig "miner vekt" under konvertering; det er spesielt ukosher å konvertere TrueType til PostScript og omvendt.

I tillegg bryter konverteringsprosessen nesten alltid vilkårene for ikke-endringer i lisensen. Enkelt sagt er dette det samme som tyveri. Når du kaster filer inn i konverteren, kan du være trygg på at den ikke vil gå glipp av dem og vil gi en advarsel fordi filen inneholder digitale signaturer produsenten og tilsvarende forbud mot modifikasjoner.

10. Hvor mye bør nettfonter veie?

Nettleseren må laste ned fontfilene fullstendig før siden vises. Kanskje du har sett "font flash" (eller FOUT)-effekten, når standard systemfonter blinker et kort øyeblikk i stedet for eksotiske fonter. Det er normalt hvis TTF (OTF) passer inn i 100 kb, og WOFF (EOT) passer inn i 50 kb. Tenk alltid på om du i det hele tatt trenger å bruke egendefinerte fonter, selv om du bruker det i 1 kort tittel, må du fortsatt laste ned hele fontfilen.
Jo mer perfeksjonistisk design, jo mindre kan skriftfilene veie, og prøv å velge enkle former. Slik sett er den ideelle formen en åpen geometrisk grotesk med lav kontrast. For å få fart på skriftinnlastingen kan det også være nyttig å inkludere den i stilfilen ved hjelp av data:uri.

11. Hvor mange skriftstiler kan brukes på nettet?

Fra en designers synspunkt er mange skrifttyper kule. Og faktisk, for overskriften - Fet, og der borte, for det innfelte - ExtraLight, vil vi vanligvis presse unødvendige tekster og trykke dem inn i Kondensert Fet. Her er det - ekte rikdom og stilistisk mangfold. Men når all denne "rikdommen" begynner å bli overført til nettstedet, viser det seg at alt er fryktelig sakte. Og det er bedre å ikke en gang prøve å åpne et slikt nettsted fra en mobilenhet. Ikke glem at hver skrifttype koster separate penger, og det er sannsynlig at kunden vil be deg enten finne et skriftsynonym eller redusere antall stiler, bare for å ikke kjøpe alle de dyre skrifttypene. Det er normalt å bruke maksimalt 2-3 stiler av samme eller forskjellige skrifttyper.

12. Er det nødvendig å begrense tegnsettet?

Svaret på dette spørsmålet avhenger av hva slags nettsted det er og hvordan det vil bli brukt. Begrensninger kan være nyttige fordi det er mulig å redusere størrelsen på filer betydelig. Noen ganger, på grunn av uvitenhet, laster utviklere opp tunge skriftfiler til nettstedet med dets komplette sett med tegn, og det er bra hvis det ikke er hieroglyfer (merk at Arial Unicode-fonten som inneholder de fleste tegnene fra Unicode-tabellen veier 22 MB).

For de som gjør engelskspråklige nettsteder enklest, trenger de ikke å laste inn ekstra tegn i det hele tatt, de på Basic Latin (eller ASCII) er nok. Hvis du bare bruker skrifttypen for overskrifter på russisk + inkluderinger av engelsk, vil ASCII (Basic Latin)-sett og 64 tegn i det russiske alfabetet være nok for deg; det er slett ikke nødvendig å laste inn det kyrilliske utvidede settet med 420 tegn . Det er en helt annen historie hvis nettstedet ditt er flerspråklig, unngå i dette tilfellet feil visning symboler, bør du prøve å dekke alle språk som brukes.

13. Kan jeg bruke fontkloner?

Det hender at å kjøpe den originale fonten enten er for dyrt eller til og med umulig, da vil det være hensiktsmessig å velge et fontsynonym (klon). Selvfølgelig bør du ikke forvente fantastisk kvalitet fra dem, selv om de er laget, for eksempel, av et kjent russisk selskap. Alt er helt ille når du kommer over opuset til en anonym literær person som bestemte seg for å prøve seg på et nytt felt, pass deg for slike fonter. Her er eksempler på kloner (originalen er angitt i parentes): FreeSet (Frutiger), Pragmatica og Helios (Helvetica). Vær oppmerksom på at bokstavformene kan variere. Et stort nummer av kloner er i Paratype-fontsynonymkatalogen.

14. Hvordan teste en font?

Designere, ikke bli vant til å se fonter bare gjennom Photoshop-vinduer, grafiske redaktører bruker sine egne metoder for tekstutjevning, og du kan bli lurt vakkert bilde. Det er mye mer nyttig å lære å teste og se dem i nettlesere. Hvis det er en demoside, sørg for å sørge for at alle slags artefakter og pigger ikke vises under gjengivelsen. Det finnes også et verktøy som heter Typecast, hvor du kan sjekke mange fonter og så vise siden til klienten. For de som velger ny font for en ferdiglaget nettside - Web Fonts Previewer-tjenesten er uunnværlig for deg; du kan teste hvilken som helst font på et levende, fungerende nettsted, som om du allerede hadde implementert det.

15. Jeg har en font på datamaskinen min, kan jeg bruke den på nettsiden?

Først litt om tyveri. Jeg kjenner mange designere som har tusenvis av fonter på datamaskinen sin, som ingen vet opprinnelsen til. Som regel lastet de det bare ned fra Internett. Men av en eller annen grunn tror ingen at skapelsen gode fonter– dette er måneder og noen ganger år med seriøst arbeid! Men dette er ikke den eneste grunnen til at du ikke bør bruke fonter som er svidd og hentet fra ukjente kilder, men også fordi du kan støte på alvorlige vanskeligheter på utviklingsstadiet.

Hvis du vil bygge inn fonten som følger med operativsystem, kan du bare gjøre dette ved å rastre eller bruke det i bilder. Hvis du virkelig trenger å bygge inn, må du kjøpe en egen lisens, akkurat som vanlige fonter(både Georgia og Tahoma er på salg).

16. Hvordan kjøpe en webfont?

Når du "kjøper en font" er det nærmest å kjøpe programvare at du får en lisens til å bruke den, i stedet for rettighetene til selve programfilen. Det viser seg at en lovlig kompilert fontfil er et program. Endring eller endring med mindre det er tillatt av lisensen anses som brudd på opphavsretten.

En praktisk måte å kjøpe fonter på er gjennom fontkataloger (Fonts.com, MyFonts, Ascender, Typekit). Du vil kunne se, sammenligne og velge ett av de tilgjengelige alternativene for bruk, og betale med kort. Den enkleste måten for bedrifter vil være å kontakte produksjonsstudioet direkte eller overlate kjøpet av fonter til kunden

Eller kanskje det er bedre å ikke bruke penger på en skrift i det hele tatt? Det er mange flotte gratis fonter som er like gode som de betalte!

17. Hvilke typer lisenser finnes?

Eksistere forskjellige typer skriftlisenser, og med bruken av nettfonter har variasjonen deres bare økt. I det virkelige liv, hvert selskap setter reglene for spillet selv, og fontlisensen kan inneholde funksjoner fra forskjellige andre. Vi vil være interessert i typiske.

Den generelle kommersielle lisensen begrenser bruken til et visst beløp enheter og tillater distribusjon av verk laget ved hjelp av fonten. Dette kan være magasiner, aviser, brosjyrer, visittkort, rasterbilder av skrift – alt sammen kan vi kalle dem utskrifter. Denne lisensen er ikke egnet for film, TV, web og innebygging i applikasjoner og programmer; slike rettigheter må kjøpes separat.

Det finnes også spesifikke lisenser, for eksempel: en lisens med eksklusive rettigheter. I dette tilfellet kjøper selskapet alle rettigheter fra typedesignerne, og selv forfatteren av skriften har ikke rett til å bruke den hvor som helst. Det er spesielt overraskende når slike fonter er på torrenter, eller når noen tredjepartsdesignere bruker dem.

Gratis lisenser (offentlig domene) - forfatteren av fonten tillater gratis distribusjon, med eller uten betingelsen om å angi navnet hans (Creative Commons) (for eksempel OFL, GPL, Apache 2.0). Denne typen lisens tillater til og med kommersiell bruk, annet enn salg og betalt distribusjon. Eksempler: PT Sans, Opensans, Droid. Noen ganger er modifikasjon av en skrift tillatt (GPL), men modifikasjonen du oppretter arver automatisk den samme lisensen (noe som betyr at du kan bli fork også). Freedom forutsetter at den kan brukes på alle medier, inkl. og web.
Gratis for ikke-kommersiell bruk – det vil si at du kan bruke den i alle tilfeller der du ikke tjener penger på den. For eksempel til trening, hobbyer og samfunnsprosjekter. Noen ganger tillater produsenter bruk for designere, i håp om at designerens heldige klient da vil kjøpe en kommersiell versjon av fonten.

18. Hvordan er lisenser forskjellige for nettfonter?

Nettlisenser er vår favoritt, de kommer enten i tillegg til hovedlisensen eller gis separat. Regulerer et spesielt tilfelle - bruk av fonter på nettsteder. Som regel er den viktigste begrensningen på antall sidevisninger. For eksempel 10 tusen per måned, 100 tusen eller 1 mill. Det vil si enn flere mennesker besøk nettstedet ditt, jo mer betaler du for lisensen. Det er også ubegrensede muligheter, når du betaler for en skrift én gang, men de er mange ganger dyrere. Du lurte sikkert på, er det noen som holder styr på antall visninger? Oftest ikke. Men ikke glem at et stort antall tellere overvåker trafikken på nettstedet ditt, og hvis du vekker selgerens mistanke, kan du miste lisensen din.

Og likevel tillater ikke en egen nettlisens bruk på vanlige datamaskiner. Noen ganger utstedes en nettlisens gratis, det vil si at samtidig med kjøp av en desktop-font får du rett til å bruke nettversjonen. Men dette er fortsatt sjeldent; de aller fleste produsenter krever en ekstra avgift.

Etter kjøpet mottar du spesielle filer, som du legger inn på nettstedet (TTF, OTF, WOFF, EOT), og noen fonter tillater ikke at disse filene plasseres på nettstedet i en ubeskyttet form, siden tredjeparter teoretisk kan skaffe skriftfilene selv. Det tredje alternativet er at du bruker en spesiell webtjeneste fra en skriftprodusent, for eksempel Typekit, selskapseid Adobe, og betale en abonnementsavgift.

19. Hvor kan jeg få tak i gode nettfonter?

Katalog over gratis fonter fra Google
Fontsquirrel er en kjent webfontkonvertering og -katalog
Myfonts - en enorm fontbutikk med et praktisk betalingssystem
Fonts.com er hovedkonkurrenten til MyFonts
Typekit - en tjeneste for leie av fonter fra Adobe
Typecast - den nevnte butikken med testtjeneste
P.S. En annen nyttig ressurs, som ga råd til ilyaerin, WebFont.ru Funksjonalitet fremfor form: design for leseren
Maria Doreuli. Lisensering. For å gjøre det klart
Tim Brown. Skriv gjengivelse på nettet
Tim Brown. CSS-egenskaper som påvirker typegjengivelse
Tim Brown. Typegjengivelse: operativsystemer
Tim Ahrens. En nærmere titt på skriftgjengivelse
Tim Ahrens (Typekit). En nærmere titt på TrueType-hint
Fordelene med OpenType/CFF fremfor TrueType

Ildar Kinyabulatov, webdesigner ADV/web-engineering

Hei venner! I dag skal vi snakke om hvordan du velger fonter for en logo.

De fleste designere vil være enige om at valg av skrifttype er en av de viktigste tingene når man designer en . I dag er det tusenvis av fonter tilgjengelig, og det er vanskelig å velge den riktige. Men det finnes måter å forenkle utvelgelsesprosessen på. For eksempel, når du forstår at fonter har personlighet og hva det er, kan du velge en font som formidler nødvendige egenskaper din bedrift.

Hvilke fonter bruker kjente selskaper?

La oss se på fontene til kjente firmalogoer og prøve å finne ut hvordan de fungerer, hvilke assosiasjoner de vekker, og hvordan de er integrert i selskapets merkevare.

Godteriprodusenten Pez bruker en font som er en visuell representasjon av en type godteri. Fonten er leken, men enkel, akkurat som en lekegodterispenser.

En håndskrevet skrift med krøller som de til Coca-Cola og Disney er assosiert med noe gratis og vennlig, noe som gjør logoen litt magisk.

Bankgiganten HSBC bruker en klassisk serif-skrift med store bokstaver som representerer en sterk, pålitelig personlighet.

Samtidig velger Citigroup en liten sans-serif-font i stedet, og projiserer et bilde som antyder tilgjengelighet fremfor alt annet.

For Dummies-serien med bøker bruker en veldig uformell font som inneholder forskjellige størrelser fonter, for å lage noe som ikke ser skremmende ut. Meldingen her er at alle emner kan nås.

Som du kan se, kan en logofont si mye om virksomheten din. Deretter vil vi snakke om hvilke kategorier av fonter som finnes.

Skriftkategorier

Alle grunnleggende fonter kan deles inn i flere typer: Serif (serif), Sans serif (sans serif), håndskrevet, Script, typeskriftfonter, curlicue fonter Display.

Serif-fonter er de mest tradisjonelle. Disse skriftene har linjer (streker) på slutten av hvert slag og ser profesjonelle og klassiske ut. For eksempel er Times New Roman en av de mest brukte Serif-skriftene.

Sans serif-fonter ser renere og mer moderne ut fordi de ikke har linjer på slutten av strekene.

Håndskrevne fonter ligne tekst skrevet for hånd med penn, pensel osv.
Håndskrevne skrifter ser varmere og mer attraktive ut, men de er vanskelige å lese, så de brukes bare som store bokstaver i trykkeriet.

Skriptfonter veldig raffinert og foreslå luksus. Som håndskrevne fonter, de har karakteristiske trekk.

Fonter Display, som regel, er en reserve for logoer fordi de ikke er så unike.

Skriveskriftfonter imitere tekst skrevet på en skrivemaskin.

Slike fonter kombinerer godt med fonter fra andre grupper, i motsetning til dekorative fonter.

Når du vet omtrent hvilke assosiasjoner og følelser logoen skal vekke, kan du begynne søket bestemt kategori fonter for å finne den perfekte logofonten.

Før du begynner å se på fonter, ta en god titt på bedriften, nettstedet eller prosjektet ditt. Still deg selv noen spørsmål:

— Hva er bildet av selskapet mitt?
— Hvilke egenskaper verdsetter kundene?
— Hva vil du legge vekt på - pålitelighet, kreativitet, stabilitet?
— Hvis du kunne velge tre ord for å beskrive merkevaren din, hva ville de vært?
– Hvem er din ideelle klient?

Dette er viktig fordi hver font har sin egen stemning og personlighet. Det kan være seriøst, tilfeldig, lekent eller sofistikert. Du må finne ut hva du vil formidle med fonten og om den passer til designet ditt.

Hvis kvalitetene som fonten formidler ikke samsvarer med budskapet til din generell design, vil det skape visuell dissonans for seerne eller brukerne av designet ditt, og det ønsker du ikke. Det er viktig å ta hensyn til skrifttypens psykologi. Tross alt har skrift, som farge, en psykologisk effekt på menneskelig oppfatning.

Velg en skrifttype uten personlige preferanser

En annen viktig poeng. Når du blar gjennom skrifttyper, kan det være lett å bli fanget av alle de morsomme og interessante alternativene, men ikke la personlige preferanser komme i veien; en skrift du synes er særegen eller stilig er kanskje ikke nyttig eller passende for prosjektet du jobber med.

Vurder ånden og egenskapene til virksomheten din

Du bør først tenke på merkevarebeskrivelsen din fordi ingen to merker kan ha det samme bildet. Et bedriftsadvokatfirma ville ikke valgt samme skrifttype som et kosmetikkfirma som selger produkter til tjue år gamle jenter. Å få det første trinnet riktig vil gjøre resten av logodesignprosessen mye enklere.
Husk at skrifttypen som best innkapsler merkevarebildet ditt vil ha en enorm innvirkning på kundenes sinn og kan bli ikonisk hvis den gjøres riktig.

Ikke kopier konkurrentene dine

Du vil sannsynligvis alltid være klar over hva konkurrentene dine gjør. Ikke fordi du vil kopiere stilen deres eller stjele noe, men fordi du vil vite hva de gjør slik at du kan lære av feilene deres, se hva de gjorde riktig og unngå utilsiktede likheter. Det ville i hvert fall vært den rette tingen å gjøre. Derfor bør du definitivt ikke bruke de samme fontene som konkurrentene dine.

Vær original

Du vil gjøre ditt beste for å være original mens du fortsatt holder deg tro mot merkevarebudskapet ditt. Det er en god idé å kjøpe skrifttypen til logoen din fra en fontbutikkside, i stedet for å velge en av skriftene som følger med tekstbehandlingsprogrammet eller er tilgjengelig i offentlig tilgang. Disse fontene ble brukt for ofte for andre selskaper.

Velg enkle fonter

Lesbarhet er veldig viktig når det kommer til logoen din. Hvis potensielle kunder ikke har den minste anelse om navnet på virksomheten din, hva slags virksomhet kan vi snakke om med deg? Logoen skal være lesbar, selv om logoen er på størrelse med et frimerke.

Hvordan den valgte fonten vil se ut i forskjellige miljøer

Hvis fonter for flere tiår siden bare ble brukt i det trykte miljøet, har situasjonen endret seg dramatisk. Nettstedet, smarttelefonskjermen, smartklokke, forskjellige dingser, 3D-objekter - alt dette kan være mediet der logoen din brukes.

Så når du har begrenset skriftvalgene dine, bør du sjekke hvordan de vil se ut når de skrives ut - store, små, stempelstørrelser osv. Hvordan vil det trykte brevhodet se ut? Hvordan vil det se ut bak på en varebil? Femti fot høy og pusset på siden av en bygning? Hvordan det vil se ut på et nettsted, på en smarttelefonskjerm osv.

Skrifter vil variere avhengig av størrelse, om de er trykt på papir eller brukt på nettet. Noen skrifter kan bli uleselige eller lite attraktive.

Unngå populære fonter

Det er så mange skriftsteder på Internett nå at det ikke finnes noen unnskyldninger for ikke å utforske dem. De fleste av dem lar deg forhåndsvise hver font, se hvordan den vil se ut med firmanavnet ditt, etc. Det er verdt å huske at skriften du liker kan ha blitt brukt før deg eller fortsatt vil bli brukt. Så prøv å unngå veldig populære fonter for designet ditt - Roboto, Lobster, Ubuntu, etc.
Og husk, det er greit å kjøpe en font eller et annet kvalitetsprodukt på nett :)

Vær tidløs

Husker du de disco-fontene fra slutten av 70-tallet som så ut som ballongdyr? De var alle på mote i noen år og forsvant så. Husk at logoen din må tåle designmessige særheter, og det inkluderer fonten din.

Hvis alle rundt deg plutselig bruker en bestemt skriftstil (som den allestedsnærværende Sketch Block), prøv noe annet. Tross alt vil du at logoen din skal skille seg ut, og selv om du velger en trendy font virker det enkel løsning, du vil angre om et år.

Uten dikkedarer

Det er et ordtak i tatoveringsmiljøet: hvis du er modig, vil du holde ut. Dette kan også brukes på fonter. Delikate, skjøre, florale bokstavene er vanligvis for tynne til å gjengi i mindre størrelser og vil mest sannsynlig ikke være lesbare. Så velg en enkel, fremtredende font.

Gi meg litt plass

Den store jazztrompetisten Miles Davis sa en gang at tonene du ikke spiller er like viktige som tonene du spiller. Så når du velger en font, husk mellomrommet mellom tegnene (kjerning). For mye plass kan få en logo til å se lett og luftig ut, mens for lite kerning kan få en logo til å virke trang og vanskelig.

Kombinasjon av flere fonter

Du vil legge merke til at de fleste store merker holder seg til én skrift. Dette sender ett sterkt budskap til forbrukeren. Samtidig bruker mange bedrifter ekstra fonter i logoen.

Hvis du vil bruke flere fonter i en logo eller som en del av en annonse, må du sørge for at skriftene utfyller hverandre eller harmoniserer perfekt, fordi veldig forskjellige fonter vil ikke se bra ut sammen.

Bruk infografikk for å kombinere logofonter på riktig måte.

Du kan også bruke tjenesten Typegenius for å velge hovedfonten for prosjektet ditt, og deretter se alle mulige vellykkede kombinasjoner med den

Fontvalgside

Det er mange nettsteder (av varierende kvalitet) som tilbyr nedlastinger. gratis fonter. Det første du må huske når du laster ned fonter er å sjekke lisensen.
Når du kjøper en font, eller til og med laster ned en gratis, kan du ikke alltid gjøre hva du vil med den. Vanligvis har han lisens for personlig, kommersiell eller pedagogisk bruk.
Noen fonter har begrensninger på antall ganger de kan brukes på trykk eller nett, eller restriksjoner på distribusjon til andre parter. Du bør lese lisensen for å beskytte deg selv eller klienten du lager en logo for.

Nedenfor er en liste over nettsteder hvor du kan finne fonten du trenger til logoen din:

Dette nettstedet presenterer for din oppmerksomhet en imponerende samling av fonter med praktisk sortering etter kategori, filter og søkeevne. De mest populære russiskspråklige skriftene er håndskrevne, gotiske og dekorative, samt graffiti. Enhver font er tilgjengelig for nedlasting.

En av de rikeste samlingene av gratis fonter. Du vil garantert finne passende alternativ Blant de 20 tusen gjenstandene som er presentert på nettstedet.

Ikke la navnet lure deg, denne siden har ikke 1001, men over 10 tusen forskjellige fonter. For å laste ned alle på en gang, må du betale et lite beløp, men hvis du bare trenger individuelle alternativer fra hele denne variasjonen, blir de lastet ned en etter en helt gratis.

En omfattende samling av et bredt utvalg av fonter fra Google. Alle er gratis og kan lastes ned til datamaskinen din for bruk i ulike applikasjoner eller koble til nettstedet ditt.

Russiskspråklig nettressurs, som er et stort bibliotek med gratis fonter av høy kvalitet for bruk i Adobe Photoshop eller på nettsiden.

Et nettsted dedikert til å lage logoer og typografi generelt. I tillegg til interessant og nyttige anbefalinger, finner du også mange vakre og høykvalitets skrifter her.

Flere nettsteder med fonter finner du i vår.

Som du kan se, er det ikke så vanskelig å velge en font for en logo. Skriv i kommentarfeltet hvilke tips/tjenester du vil legge til.

Slik velger du riktig font for logoen din: komplett guide oppdatert: 17. februar 2018 av: admin

Som du vet, kan fonter være betalt Og gratis.

Men det er også et kombinert alternativ - shareware fonter.

I slike tilfeller er bruk av fonten kun tillatt dersom visse betingelser er oppfylt av opphavsrettsinnehaveren.

Som regel er dette en mulighet for fri bruk i personlig, d.v.s. ikke-kommersielle formål. Et annet alternativ for gratis bruk er attribusjon på ressursen som bruker fonten.

Gratis fonter det er system Og ikke-systemisk.

Sett systemfonter, avhengig av versjon vinduer eller mac os kan variere, men som regel ser standardsettet slik ut:

  • Arial
  • Arial Svart
  • Komisk Sans MS
  • kurer Ny
  • Georgia
  • innvirkning
  • Tider Ny Roman
  • Kastemaskin MS
  • Verdana

Fonter fra dette settet kalles også de mest "sikre" skriftene.

Du har lov til å bruke gratis fonter på forskjellige medier etter eget skjønn.

Betalte fonter komme med 2 typer lisenser:

1. Skrivebordslisens

TTF-filer av fonten kjøpes, installeres på datamaskinen og brukes i grafiske redaktører og til utskrift. En slik font kan konverteres til en webfont, men dette vil bli ansett som et brudd på lisensen.

2. Nettlisens

I dette tilfellet kjøper du ikke en font, men leier den og bruker den på nettsiden din. Denne lisensen kommer med 3 typer betaling/bruk:

  • Betal per visning ( sidevisninger)
  • Skriftabonnement på måned\seks måneder\år etc
  • Abonnement på tariffen. Hver tariff kan begrense antall visninger eller brukstiden

Hvordan sjekke om en font er betalt eller ikke

  1. La oss gå til www.myfonts.com
  2. Skriv inn skriftnavnet i søkefeltet - http://s3. micp.ru/Q48rU. jpg
  3. Klikk på ønsket skrift i søkeresultatene - http://s3. micp.ru/SoG6F. jpg
  4. Klikk på fanen Lisensering - http://s1. micp.ru/vIOm1. jpg
  5. Les bruksvilkårene nøye

For kunder

Hvis du bestiller arbeid fra en designer, så sjekk hvilke fonter kunstneren brukte. Les vilkårene for bruk for hver font. Hvis skriften viser seg å være betalt, vil du uten å kjøpe en lisens møte søksmål fra opphavsrettsinnehavere.

For designere

Les også vilkårene for bruk før du bruker en font. Hvis skriften er betalt, advar klienten om det.

Hvis klienten godtar å kjøpe en lisens for fonten, skriv en klausul i arbeidskontrakten om overføring av alle eksklusive rettigheter til det endelige resultatet. Ellers kan det oppstå en situasjon når klienten er sen med å betale for lisensen, mottar et krav fra rettighetshaveren og prøver å klandre deg som utøver.

Hvis fonten viste seg å være betalt og du brukte den i et prosjekt uten å advare kunden, kan du også forvente krav fra klienten når han mottar et krav fra rettighetshaverne.

Mer interessant informasjon i min