Çdo web designer ëndërron të krijojë një faqe interneti me tipografi të bukur. Por, për fat të keq, shfletuesit mbështesin vetëm disa shkronja të shkruara, të ashtuquajturat shkronja "web-safe". Grupi standard përfshin fontet e mëposhtme: Arial, Verdana, Kohët, Gjeorgjia, Korrier i ri dhe disa të tjerë.
Kufje përcakton një grup prej një ose më shumë shkronjash, secila prej të cilave përbëhet nga karaktere që kanë karakteristika të përbashkëta të dizajnit - pesha, stili, dizajni, pesha, dendësia, madhësia, për shembull, fontet sans-serif (ose sans serifs), fontet serif (antiqua ). Shkronja përbëhet nga një grup karakteresh (numra, shkronja, shenja pikësimi, karaktere speciale dhe mund të përbëhet gjithashtu nga karaktere jo alfabetike).
Fontiështë një grup personazhesh të një madhësie, peshe dhe stili të caktuar. Për shembull, stili italik i Times New Roman 16 pikselësh është një font dhe 10 px i pjerrët Times New Roman është një tjetër.
Rregulli @font-face ju lejon të lidhni një sërë shkronjash të personalizuara. Shfletuesi ngarkon fontet në cache dhe i përdor ato për të stiluar tekstin në faqe. Kjo qasje quhet futja e fontit, dhe fontet e integruara - fontet web.
Rregulli @font-face duhet të vendoset përpara të gjitha rregullave të tjera css pasi kjo do të përmirësojë performancën e faqes. Shkronjat e shkarkueshme mund të vendosen në një dosje të veçantë të shkronjave të krijuar në server.
Për të përfshirë një font duke përdorur rregullin @font-face, duhet:
1) ngarkoni skedarin e shkronjave në server në formate të shumta për t'u mbështetur nga të gjithë shfletuesit,
2) specifikoni emrin e fontit, regjistroni një lidhje me skedarin dhe vendosni përshkrimin e fontit,
3) shtoni emrin e fontit në vetinë font-family të elementit që do të jepet në atë font.
@font-face ( font-family: "WebFont"; src: url(WebFont.eot?) format ("eot"), /* IE8+, shenjë? anashkalon defektin në trajtuesin e vlerës src */ url(WebFont.woff) format ("woff"), /* të gjithë shfletuesit modernë, IE9+ */ url(WebFont.ttf) formati ("truetype"); /* të gjithë shfletuesit modern */ ) p (font-familja: "WebFont", Arial, sans serif ;)
Ky kod i thotë shfletuesit të shfaqë tekstin brenda elementit
Përdorimi i fontit të uebit. Nëse shfletuesi për ndonjë arsye nuk mund të ngarkojë një font të caktuar, ai do të zgjedhë atë të duhurin nga lista e shkronjave. Ai përsëritet mbi to në atë renditje derisa të gjejë një font që mund ta përdorë me sukses.
Brenda secilës familje të shkronjave, mund të përcaktohen deri në nëntë pesha. Prandaj, për çdo font të integruar, si dhe për çdo stil, duhet të vendosni një rregull të veçantë @font-face, d.m.th. nuk mund të deklarosh në një rregull dy shkronja të ndryshme ose një font të së njëjtës familje, por të stileve dhe peshave të ndryshme.
@font-face ( font-familje: "WebFont"; src: url(WebFont.eot?) format ("eot"), url(WebFont.woff) format ("woff"), url(WebFont.ttf) format( "truetype"); pesha e shkronjave: bold; stili i shkronjave: italic; ) @font-face ( font-family: "WebFont"; src: url(WebFont.eot?) format ("eot"), url(WebFont .woff) formati ("woff"), url (WebFont.ttf) formati ("truetype"); pesha e shkronjave: 400; stili i shkronjave: normale; )
Në përgjithësi, mund të vendosni vetitë e mëposhtme për një font:
@font-face ( font-family: "FontName"; src: url() format(" "); font-variant: ; font-stretch: ; font-weight: ; font-style: ; )
Nëse supozoni se kompjuteri i përdoruesit e ka të instaluar fontin dhe dëshironi që fonti të shkarkohet vetëm pasi të kontrolloni nëse përdoruesi e ka atë, mund të përdorni vlerën local() për të vendosur adresën:
@font-face ( font-familje: "WebFont"; src: lokal ("WebFont"), url (WebFont.eot?) format ("eot"), url (WebFont.woff) format ("woff"), url (WebFont.ttf) formati ("truetype"); pesha e shkronjave: bold; stili i shkronjave: italic; )
Formatet e shkronjave në ueb
Vetia @font-face ka mbështetje të mirë të shfletuesit, por shfletues të ndryshëm përdorin formate të ndryshme të shkronjave. Ekzistojnë katër formate kryesore të shkronjave:
Formati WOFF(Web Open Font Format), një format i hapur i fontit në ueb i zhvilluar nga Mozilla. Teknikisht, WOFF nuk mund të quhet një format fonti, pasi është thjesht një mbështjellës me një funksion kompresimi. Formati ngjesh fontet TTF/OTF për përdorim në ueb. Gjithashtu, WOFF ju lejon të shtoni meta të dhëna në skedar, siç janë informacionet e licencës.
Formatet OTF/TTF(OpenType Font dhe TrueType Font) funksionojnë në shumicën e shfletuesve. Të dy formatet shpërndahen lirisht.
Formati EOT(Embedded Open Type) i krijuar nga zhvilluesit e Microsoft, është një kopje e ngjeshur e fontit TTF, ripërdorimi i të cilit është i ndaluar nga teknologjitë DRM (Digital Rights Management, Digital Access Rights Management). Mbështetet vetëm në IE duke filluar nga versioni 8.
SVG/SVGZ(Scalabe Vector Graphics) është një lloj skedari fonti që përfaqëson fytyrën vektoriale të një fonti. Si rregull, ai ka madhësi më të vogla skedarësh, duke lejuar kështu performancë më të mirë në pajisjet mobile. Punon në Opera Mobile dhe iOS Safari.
Vështirësi në përdorimin e shkronjave të integruara
1) Skedarët e shkronjave mund të jenë të mëdha, kështu që në disa raste shtimi i @font-face ngadalëson ngarkimin e faqes.
2) Disa fonte kanë kufizime licencimi që pengojnë përdorimin e lirë.
3) Disa fonte thjesht nuk duken mirë në faqet e internetit.
Fontet mund të shkallëzohet në çdo madhësi, ndërkohë që është ende i freskët dhe i lehtë për t'u lexuar. Ato mund të dërgohen në çdo printer ose pajisje tjetër dalëse të mbështetur nga Windows.
Fontet i lidhur me shkronjat TrueType, por zakonisht përdor një gamë të gjerë karakteresh bazë, të tilla si shkronja të shkurtra, numra të stilit të vjetër dhe forma shtesë (të tilla si glyphs dhe ligatures). Shkronjat OpenType mund të shkallëzohen në çdo madhësi dhe janë të qarta dhe të lehta për t'u lexuar. Ato mund të dërgohen në një printer ose pajisje tjetër dalëse të mbështetur nga Windows.
Shkronjat PostScript të detajuara dhe kanë performancë të lartë grafike. Ato përdoren për shtypje, veçanërisht për printime profesionale të cilësisë së lartë të librave dhe revistave.
Cilin font të zgjidhni
Varet nga shumë faktorë. Nëse keni nevojë për një font që lexohet lehtë në ekran dhe letër, është më mirë ta zgjidhni font i tipit të vërtetë.
Nëse keni nevojë për një grup të madh karakteresh për etiketat gjuhësore dhe tipografinë, duhet të përdorni font i tipit të hapur.
Për botime profesionale (të tilla si revista me shkëlqim) ose printime industriale, zgjidhni PostScript.
Hej Habr!
Tashmë janë shkruar male artikujsh që përshkruajnë aspekte të ndryshme të punës me shkronjat e ueb-it, janë mbledhur shumë shembuj pune, por çdo ditë ne vazhdojmë të përballemi me një keqkuptim elementar se çfarë janë fontet në internet. Jo të gjithë kanë kohë për të kërkuar materiale në google për këtë temë, kështu që u përpoqa t'u përgjigjem pyetjeve të bëra shpesh. Ky material do të jetë me interes kryesisht për ata që nuk janë zhytur ende në ndërlikimet e teknologjive të shkronjave.
01. Pse na duhen fare fontet në ueb, pse të mos përdorim ato standarde?
Gjëja e parë që vjen në mendje është se fontet standarde janë jashtëzakonisht të mërzitshme dhe me ndihmën e tyre është e vështirë të bësh diçka origjinale. Si rregull, shumica e tyre sjellin melankoli dhe dëshpërim jo vetëm për përdoruesit, por edhe për dizajnerët e uebit. Shkronjat jo standarde në këtë rast janë më ekspresive dhe përveç kësaj ka një renditje të madhësisë më shumë prej tyre, kështu që ka shumë për të zgjedhur. E megjithatë, fonti është një pjesë integrale e markës, kështu që çdo kompani përpiqet ta përdorë atë në mënyrë më aktive, pasi është shfaqur një mundësi e tillë teknike.Dhe do të ishte e mundur të braktisësh plotësisht fontet standarde, veçanërisht pasi shumë sisteme operative celulare nuk i mbështesin ato (për shembull, Arial, Taһoma, Verdana dhe Georgia). Por, për fat të keq, industria, e cila është përshtatur për shumë vite në ekranet 96 DPI dhe georgia verdans, nuk ishte plotësisht e gatshme për ndryshime të shpejta, dhe në sistemet operative më të vjetra Windows ka ende probleme me shfaqjen e shkronjave jo standarde për shkak të veçorive të mekanizmit të rasterizimit.
02. Si të zgjidhni një font të mirë ueb?
Një font nuk është thjesht një grup i dixhitalizuar shkronjash i krijuar me një furçë në letër ose në ilustrator, ai është gjithashtu 98% akordim dhe lustrim, aludim dhe testim në media të ndryshme dhe në madhësi të ndryshme. Një font i tillë duket i mirë, stili i tij është i përsosur, nuk do të ketë probleme me të as në printer, as në ekran, kullon cilësi të mirë.Sidoqoftë, kur zgjidhni një font, as kjo nuk është shumë më e rëndësishme, por përshtatshmëria dhe përputhja e fontit me metodën e përdorimit dhe detyrat që i janë caktuar. Nëse punoni me shkronja, ju duhet të kuptoni se si funksionon gjithçkaçfarë teknologjish përdoren. Kjo do t'ju ndihmojë të mos mbani parasysh një sërë rregullash të pakuptueshme të memorizuara, të kapur në përshtatje dhe fillime. Për shembull, çdo printer që respekton veten e di pse është e padëshirueshme të përdoren shkronjat TrueType për printimin offset, cilat fonte mund të përdoren si shkronja teksti dhe cilat fonte mund të përdoren vetëm për tituj ose indekse. Nëse ai nuk e di këtë, atëherë do t'i duhet të ribotojë një tirazh të madh dhe në punë do të ketë surpriza dhe probleme të vazhdueshme. Është e mahnitshme pse askush nuk bën ndonjë kërkesë për dizajnerët e uebit.
03. Si i japin shfletuesit fontet?
Shumë shpesh kam dëgjuar, thonë ata, se shfletuesit japin vetë fontet, kështu që duken të ndryshëm kudo. Por në fakt, një nënsistem grafik i veçantë i OS është i përfshirë në paraqitjen e shkronjave: në Windows, kjo GDI ose drejtshkrim, dhe në OS X dhe iOS - teksti bazë(dhe më parë QuickDraw). Në total, ekzistojnë 3 mekanizma të zakonshëm të rasterizimit (renderimit) të shkronjave: piksel me dy ngjyra (bardh e zi), piksel pikturë njëngjyrëshe (shpesh quhet antialiasing ose i rregullt anti-aliasing) dhe nënpiksel. Nënpiksel përdor veçorinë e ekraneve LCD dhe plazma ku çdo piksel ndahet në 3 pjesë (e kuqe, jeshile dhe blu) në mënyrë që të rritet rezolucioni horizontal i imazhit të dhënë dhe të përmirësohet qartësia.
Sidoqoftë, shfletuesit zgjedhin metodën e tyre të paraqitjes, nga ato të ofruara nga OS. Për shembull, si pjesë e GDI, ekzistojnë 3 opsione përkthimi: e zezë / e bardhë, normale anti-aliasing dhe nënpiksel. lloj i qartë. E veçanta e kësaj të fundit është se zbutja ndodh vetëm horizontalisht, në përputhje me rregullimin e nënpikselëve. Kjo është arsyeja pse gjatë përdorimit të tij, shpesh shohim dhëmbë të tmerrshëm në goditjet horizontale dhe diagonale të tipit. Për fat të mirë, Microsoft filloi të përmirësonte ngadalë mekanizmin dhe GDI u zëvendësua nga teknologjia DirectWrite, ku u shfaq vertikal anti-aliasing. Krahaso:
04.TTF apo OTF?
TrueType dhe PostScript fillimisht ishin formate të ndryshme të shkronjave. TrueType përdor kthesa kuadratike të Bezier, ndërsa PostScript përdor kthesa kubike, të njohura për dizajnerët e Illustrator dhe Photoshop. Sot, të dyja metodat e përshkrimit të kthesave përdoren si pjesë e të njëjtit format OpenType, me ndryshimin e vetëm që skedarët TrueType kanë shtrirjen TTF dhe skedarët PostScript kanë shtrirjen OTF. Secila prej teknologjive ka veçoritë e veta sugjeruese dhe specifikat e aplikacionit.
Shikoni foton. Nëse një font TrueType është shumë më i lexueshëm në një madhësi të vogël, por në një madhësi të madhe shohim dhëmbë karakteristikë, atëherë për një font PostScript gjithçka është saktësisht e kundërta. Kjo është për shkak se shfletuesit zgjedhin metoda të ndryshme shqyrtimi për PS dhe TT. Për PS, shfletuesi aplikoi anti-aliasingun e zakonshëm njëngjyrëshe dhe TT u përpunua nga ClearType. Pra, rezulton se TrueType është i preferueshëm për fontet e tekstit, dhe PostScript është më i përshtatshëm për titujt dhe mbishkrimet e mëdha.
Ne gjithashtu shohim që jo të gjithë shfletuesit përdorin ende DirectWrite. Pra, ende nuk është në Google Chrome.
05. Çfarë tjetër ndikon në ekran?
Ndonjëherë është më mirë të vendosni manualisht metodën e rasterizimit. Për shembull, në shfletuesit me motorin Webkit, mund të përdorni pronën CSS - webkit-font-smoothing dhe aktivizoni manualisht anti-aliasing normal në vend të anti-aliasing nën-piksel, dhe anasjelltas. Ekzistojnë gjithashtu mënyra jo të parëndësishme për ta bërë shfletuesin të ndryshojë metodën e rasterizimit, në Habré dikur ishte sugjeruar të përdorni një hack me text-shadow .Nuk duhet të harrojmë për madhësinë e shkronjave (font-size). Forma e skicës, kontrasti i goditjes dhe lexueshmëria mund të ndryshojnë shumë nga madhësia në madhësi. Hiqni poshtë redaktorin grafik dhe shikoni se si duket fonti i uebit në shfletues, në betejë.
Një mënyrë tjetër për të zbutur papërsosmëritë kundër ngjitjes është të menaxhoni ngjyrën dhe kontrastin. Për të zvogëluar efektin e konturimit kromatik (skajet e verdha dhe të purpurta shfaqen kur përdorni ClearType), mund të përpiqeni të zvogëloni kontrastin tonal duke e afruar ngjyrën e sfondit me ngjyrën e tekstit. Mos u hutoni shumë, kini parasysh përdoruesit me shikim të dëmtuar.
06. A kanë nevojë për aludim fontet e internetit?
Këshillat janë udhëzime të veçanta që fontet abstrakte me tela të forta kthejnë në pikselë në një monitor. Shumica dërrmuese e shkronjave (përfshirë ato komerciale) nuk janë lënë të kuptohet, sepse kjo është një procedurë mjaft e mundimshme dhe e ndërlikuar. Aludimi i TrueType dhe PostScript bëhet ndryshe. Nëse merr një font të lirë, formati OTF është më i sigurt, sepse në TT procedura ka mbetur e pandryshuar që nga ditët e shfaqjes bardh e zi dhe nuk është plotësisht adekuate, por për PS procedura është më e thjeshtë dhe autori ka mundësinë të bëj aludim automatik.Një font pa aludim bëhet i paqartë kur rasterizohet dhe lartësia e shkronjave mund të kërcejë.
Nga njëra anë, fonti i nënkuptuar është mjaft i qartë, kontrast dhe uniform, dhe nga ana tjetër, format e shkronjave janë të shtrembëruara në varësi të madhësisë, dhe intervalet mund të ndryshojnë nga ato reale. Shkronjat u binden rreptësisht pikselave.
Në Windows, ne shohim ndoshta qasjen më radikale: fontet e tilla të njohura si Tahoma, Verdana, Arial dhe Georgia u aluduan posaçërisht për GDI ClearType, dhe kur u shfaq DirectWrite, fontet kryesore në OS duhej të nënkuptoheshin dhe përditësoheshin.
Ndryshe nga Microsoft, Apple ka qasje të kundërt, kështu që sistemet e saj operative përdorin algoritme që lejojnë dalje pak a shumë me cilësi të lartë të çdo fonti dhe aludimi nuk merret fare parasysh.
Duke iu përgjigjur pyetjes: epoka e monitorëve 300 DPI po afrohet me shpejtësi, dhe një numër i madh i pajisjeve celulare tashmë kanë një rezolucion të tillë, dhe së shpejti aludimi nuk do të nevojitet fare. Por meqenëse Windows është ende i varur nga aludimet dhe i fokusuar në monitorë me rezolucion të ulët, përpiquni të zgjidhni fontet e aluduara ose standarde me cilësi të lartë si shkronja teksti, përndryshe teksti do të jetë i palexueshëm dhe i vështirë për t'u lexuar.
07. @font-face apo Cufon?
Sado e çuditshme të duket, ka ende njerëz që ia bëjnë vetes këtë pyetje. Duket se pasi shfletuesit filluan të mbështesin atributin @font-face, të gjitha teknologjitë e tjera të ngulitjes së shkronjave (Cufon, sIFR, Flash) duhet të ishin bërë të parëndësishme. Por ende mbetet një kuptim, për shembull, një mënyrë për të zëvendësuar një font me një imazh, kur nuk shfaqen kthesa vektoriale në faqe, por vetëm një printim, si e printon një printer në një fletë ose Photoshop shfaq një JPG të paredaktueshme. Kjo lejohet nga shumë licenca të zakonshme të shkronjave (desktop). Disa prodhues të shkronjave (si Adobe) lejojnë që fontet e desktopit të futen (në programe dhe në server) për sa kohë që ato mbeten të mbrojtura dhe nuk mund të shkarkohen. Nëse nuk keni mundësinë për të blerë një licencë të veçantë ueb, atëherë mund të përdorni një sIFR të përshtatshme për këtë kur fonti është i ngulitur me objekte flash. Disavantazhi është se përdoret Flash, i cili nuk mbështetet nga të gjitha pajisjet. Ju gjithashtu mund të përdorni teknologjinë Cufon (përdoret Canvas), nëse lejon licenca. Sigurisht, në këtë rast, skenari do të jetë i rëndë dhe zgjedhja e tekstit nuk funksionon, por në një situatë të pashpresë do të funksionojë.Por është më mirë të përdorni @font-face, është edhe më i avancuar teknologjikisht dhe më i përshtatshëm, përveç kësaj, është grumbulluar përvojë e mjaftueshme për të punuar me të. Ka vetëm një pengesë, që jo të gjithë prodhuesit lejojnë që fontet e tyre të përdoren në ueb.
08. Në çfarë formatesh duhet të jenë skedarët e shkronjave?
Sot, fontet e përgatitura për futjen (@font-face) në faqe duhet të jenë në disa formate njëherësh:TTF ose OTF- një skedar fonti i njohur për ne, por i ngarkuar nga serveri gjatë shfletimit të faqes;
MIRË- një arkiv burimi i pambrojtur OTF ose TTF, ndoshta formati më i rëndësishëm që mbështesin shfletuesit më të njohur, dhe skedarët në WOFF janë zakonisht 2-2,5 herë më të lehta se ato origjinale;
EOT- arkivi i implementuar nga TT OpenType, i cili ka mekanizma mbrojtës, nevojitet për të mbështetur shfletuesit e vjetër të Internet Explorer (duke filluar nga IE8, përveç kurbave TrueType, mbështetet edhe PostScript);
SVG- për të mbështetur shfletuesin Safari.
09. A mund të konvertohen fontet në ueb?
Çfarëdo që t'ju thuhet, nuk mund ta konvertoni skedarin dhe të ruani cilësinë origjinale të fontit, veçanërisht nëse fillimisht ishte në formatin OpenType. Gjatë procesit, ekziston një shans për të humbur disa të dhëna të ngulitura në skedarin e shkronjave (udhëzime të përpiluara, karaktere shtesë, metrikë). Ju do ta vini re këtë kur skedari papritmas "hollohet" gjatë konvertimit, nuk është veçanërisht e mirë për të kthyer TrueType në PostScript dhe anasjelltas.
Për më tepër, procesi i konvertimit pothuajse gjithmonë shkel kushtet e një licence që ndalon modifikimin. Me fjalë të tjera, është e njëjta vjedhje. Kur hidhni skedarë në konvertues, sigurohuni që ai nuk do t'i lejojë ata të kalojnë dhe do të lëshojë një paralajmërim, sepse skedari përmban nënshkrimet dixhitale të prodhuesit dhe ndalimet përkatëse për modifikim.
10. Sa duhet të peshojnë fontet në ueb?
Shfletuesi duhet të shkarkojë plotësisht skedarët e shkronjave përpara se të shfaqë faqen. Ju mund të keni parë efektin e "flicit të shkronjave" (ose FOUT), kur shkronjat standarde të sistemit ndezin në vend të shkronjave ekzotike për një moment të shkurtër. Është normale nëse TTF (OTF) përshtatet në 100 kb dhe WOFF (EOT) në 50 kb. Gjithmonë mendoni nëse keni nevojë të përdorni fare fonte jo standarde, edhe nëse e përdorni në 1 titull të shkurtër, ju duhet të shkarkoni të gjithë skedarin e shkronjave.Sa më perfeksionist të jetë dizajni juaj, aq më të vegjël mund të jenë skedarët e shkronjave dhe përpiquni të zgjidhni forma të thjeshta. Në këtë kuptim, forma ideale është një grotesk i hapur gjeometrik me pak kontrast. Për të përshpejtuar ngarkimin e një fonti, mund të jetë gjithashtu e dobishme ta përfshini atë në fletën e stilit me të dhëna:uri.
11. Sa stile të shkronjave mund të përdoren në ueb?
Nga këndvështrimi i stilistit, shumë shkronja janë të lezetshme. Dhe në të vërtetë, për kokën - Bold, dhe atje, për shiritin anësor - ExtraLight, ne përgjithësisht do të mbushim tekste të panevojshme dhe do t'i shtypim ato në Bold të përmbledhur. Këtu është - pasuri e vërtetë dhe diversitet stilistik. Por kur e gjithë kjo "pasuri" fillon të transferohet në sit, rezulton se gjithçka është tmerrësisht e ngadaltë. Dhe është më mirë të mos përpiqeni as të hapni një faqe të tillë nga një pajisje celulare. Gjithashtu, mos harroni se çdo stil kushton disa para dhe ka të ngjarë që klienti t'ju kërkojë ose të gjeni një sinonim fonti ose të zvogëloni numrin e stileve, thjesht për të mos blerë një shkronja të shtrenjta. Është normale të përdoren maksimumi 2-3 stile të një ose shkronjave të ndryshme.12. A duhet të kufizoj grupin e karaktereve?
Përgjigja për këtë pyetje varet nga çfarë lloj siti është dhe si do të përdoret. Kufizimet mund të jenë të dobishme sepse është e mundur të zvogëlohet ndjeshëm madhësia e skedarëve. Ndonjëherë, për shkak të injorancës, zhvilluesit ngarkojnë skedarë të rëndë të shkronjave në sit me grupin e plotë të karaktereve dhe është mirë nëse nuk ka hieroglife (për informacion, fonti Arial Unicode që përmban shumicën e karaktereve nga tabela Unicode peshon 22 mb) .Ata që i bëjnë faqet në gjuhën angleze më të lehtat, nuk kanë nevojë të ngarkojnë fare karaktere shtesë, vetëm ato që janë në latinishten bazë (ose ASCII). Nëse përdorni fontin vetëm për titujt në përfshirje rusisht + anglisht, atëherë grupet ASCII (Basic Latin) dhe 64 karaktere të alfabetit rus do të jenë të mjaftueshme për ju, nuk është aspak e nevojshme të ngarkoni grupin Cyrillic Extended prej 420 karakteresh. Është një histori krejtësisht tjetër nëse faqja juaj është shumëgjuhëshe, në këtë rast, për të shmangur shfaqjen e gabuar të karaktereve, duhet të përpiqeni të mbuloni të gjitha gjuhët e përdorura.
13. A mund të përdoren klonet e shkronjave?
Ndodh që blerja e fontit origjinal është ose shumë e shtrenjtë ose e pamundur fare, atëherë do të jetë e përshtatshme të zgjidhni një sinonim fonti (klon). Sigurisht, nuk duhet pritur prej tyre cilësi mahnitëse, edhe nëse ato janë bërë, të themi, nga një kompani e famshme ruse. Gjithçka është e keqe kur has në një opus të ndonjë shkrimtari anonim që vendosi të provojë veten në një fushë të re, kujdes nga shkronja të tilla. Këtu janë shembuj të kloneve (origjinali tregohet në kllapa): FreeSet (Frutiger), Pragmatica dhe Helios (Helvetica). Ju lutemi vini re se format e shkronjave mund të ndryshojnë. Ka një numër të madh klonesh në Drejtorinë e Sinonimeve të Fonteve të Paratype.
14. Si të testohet një font?
Dizajnerë, mos u mësoni të shihni fontet vetëm përmes dritareve të Photoshop-it, redaktuesit e imazheve përdorin metodat e tyre të zbutjes së tekstit dhe ju mund të mashtroheni nga një foto e bukur. Është shumë më e dobishme të mësoni se si t'i testoni dhe shikoni ato në shfletues. Nëse ka një faqe demo, sigurohuni që të siguroheni që të gjitha llojet e objekteve dhe pikave të mos dalin gjatë paraqitjes. Ekziston gjithashtu një mjet si Typecast, ku mund të kontrolloni shumë fonte dhe më pas t'ia tregoni faqen klientit. Për ata që zgjedhin një font të ri për një sajt tashmë të përfunduar - shërbimi Web Fonts Previewer është i domosdoshëm për ju, mund të provoni çdo font në një faqe pune të drejtpërdrejtë, sikur ta kishit zbatuar tashmë.15. Unë kam një font në kompjuterin tim, a mund ta përdor atë në sajt?
Së pari, pak për vjedhjen. Unë njoh shumë stilistë që kanë mijëra shkronja në kompjuterët e tyre, origjina e të cilëve nuk dihet. Si rregull, ata thjesht shkarkoheshin nga Interneti. Por për disa arsye, askush nuk mendon se krijimi i shkronjave të mira kërkon muaj, dhe ndonjëherë vite punë serioze! Por jo vetëm për shkak të kësaj nuk mund të përdorni të kënduar, nuk është e qartë se nga janë marrë fontet, por sepse mund të përballeni me vështirësi serioze në fazën e zhvillimit.
Nëse dëshironi të futni një font që vjen me sistemin operativ në faqen tuaj, mund ta bëni këtë vetëm duke e rasterizuar ose duke e përdorur në imazhe. Nëse vërtet duhet të futni, atëherë do t'ju duhet të blini një licencë të veçantë, ashtu si fontet e rregullta (të dy Georgia dhe Tahoma janë të disponueshme).
16. Si të blini një font web?
Kur ju "bleni një font" më e afërta për blerjen e softuerit është kur merrni një licencë për ta përdorur atë në vend të të drejtave për vetë skedarin e programit. Rezulton se një skedar fonti i përpiluar ligjërisht është një program. Modifikimi dhe ndryshimi, nëse licenca nuk e lejon, konsiderohet shkelje e të drejtës së autorit.Një mënyrë e përshtatshme për të blerë fontet është përmes katalogëve të shkronjave (Fonts.com, MyFonts, Ascender, Typekit). Ju do të jeni në gjendje të shikoni, krahasoni dhe zgjidhni një nga opsionet e disponueshme për përdorim, të paguani me kartë. Për kompanitë, do të jetë më e lehtë të kontaktojnë drejtpërdrejt me prodhuesin e studios ose t'i ofrojnë klientit blerjen e shkronjave.
Apo ndoshta është më mirë të mos shpenzoni para për një font fare? Ka shumë shkronja të shkëlqyera falas atje që janë po aq të mira sa ato me pagesë!
17. Cilat janë licencat?
Ekzistojnë lloje të ndryshme të licencave të shkronjave, dhe me ardhjen e shkronjave në internet, shumëllojshmëria e tyre vetëm është rritur. Në jetën reale, çdo kompani vendos vetë rregullat e lojës dhe një licencë fonti mund të përmbajë veçori të të tjerave të ndryshme. Ne do të jemi të interesuar në tipikeLicenca e Përgjithshme Tregtare kufizon përdorimin në një numër të caktuar pajisjesh dhe lejon shpërndarjen e veprave të krijuara duke përdorur fontin. Këto mund të jenë revista, gazeta, fletushka, karta biznesi, imazhe të tipit rasterizuar - të gjitha së bashku mund t'i quani printime. Kjo licencë nuk është e përshtatshme për film, televizion, ueb dhe futje në aplikacione dhe programe, të drejta të tilla duhet të blihen veçmas.
Ka edhe licenca specifike, për shembull: një licencë me të drejta ekskluzive. Në këtë rast, kompania blen të gjitha të drejtat nga dizajnerët e fontit, madje edhe autori i fontit nuk ka të drejtë ta përdorë atë askund. Është veçanërisht e habitshme kur fonte të tillë janë në torrent, ose kur disa dizajnerë të palëve të treta i përdorin ato.
Licencat falas (domeni publik) - autori i fontit lejon shpërndarjen falas, me kusht që të specifikojë emrin e tij (Creative Commons) ose pa të (për shembull, OFL, GPL, Apache 2.0). Kjo lloj licence lejon edhe përdorimin komercial, me përjashtim të shitjeve dhe shpërndarjes me pagesë. Shembuj: PT Sans, Opensans, Droid. Ndonjëherë lejohet një modifikim i shkronjave (GPL), por modifikimi që krijoni trashëgon automatikisht të njëjtën licencë (d.m.th., ju gjithashtu mund të depërtoni). Liria nënkupton që ajo mund të përdoret në çdo media, përfshirë. dhe ueb.
Falas për përdorim jo komercial - domethënë, mund ta përdorni në të gjitha rastet kur nuk fitoni para në të. Për shembull, për arsimin, hobi dhe projekte komunitare. Ndonjëherë, prodhuesit i lejojnë dizajnerët ta përdorin atë, me shpresën se klienti me fat i projektuesit do të blejë më pas një version komercial të fontit.
18. Cili është ndryshimi midis licencave për shkronjat e ueb-it?
Licencat e uebit janë të preferuarat tona dhe vijnë ose si një shtesë në licencën kryesore ose vijnë veçmas. Rregullon një rast të veçantë - përdorimin e shkronjave në sajte. Si rregull, kufizimi më i rëndësishëm është në numrin e shikimeve të faqeve. Për shembull, 10 mijë në muaj, 100 mijë ose 1 milion, domethënë sa më shumë njerëz të vizitojnë faqen tuaj, aq më shumë paguani për licencën. Ekzistojnë gjithashtu opsione të pakufizuara kur paguani për një font 1 herë, por ato janë shumë herë më të shtrenjta. Ndoshta pyesni veten nëse dikush po monitoron numrin e shikimeve? Më shpesh jo. Por mos harroni se një numër i madh sportelesh monitorojnë trafikun e faqes tuaj dhe, pasi të keni ngjallur dyshimin e shitësit, mund të humbni licencën tuaj.E megjithatë, një licencë e veçantë në internet nuk lejon përdorimin në kompjuterë të rregullt. Ndonjëherë një licencë në internet lëshohet pa pagesë, domethënë, së bashku me blerjen e një fonti desktop, ju merrni të drejtën të përdorni versionin e tij në internet. Por kjo është ende një gjë e rrallë, shumica dërrmuese e prodhuesve kërkojnë një tarifë shtesë.
Pas blerjes, ju merrni skedarë të veçantë që futni në sit (TTF, OTF, WOFF, EOT) dhe disa fonte nuk ju lejojnë t'i vendosni këto skedarë në faqe në një formë të pambrojtur, pasi në teori palët e treta mund të marrin vetë skedarët e shkronjave. Opsioni i tretë është që të përdorni shërbimin në internet të një prodhuesi të personalizuar të shkronjave, siç është Adobe's Typekit, dhe të paguani një tarifë abonimi.
19. Ku mund të gjej shkronja të mira në internet?
Katalogu i shkronjave falas nga GoogleFontsquirrel është një konvertues dhe direktori i famshëm i shkronjave në internet
Myfonts - një dyqan i madh shkronjash me një sistem të përshtatshëm pagese
Fonts.com - konkurrenti kryesor i MyFonts
Typekit - shërbimi i marrjes me qira të shkronjave nga Adobe
Typecast - dyqani i lartpërmendur me shërbim testimi
P.S. një burim tjetër i dobishëm i sugjeruar nga ilyaerin , WebFont.ru Funksionaliteti mbi Formën: Dizajnimi për lexuesin
Maria Doreuli. Licencimi. Për ta bërë të qartë
Tim Brown. Lloji rendering në ueb
Tim Brown. Karakteristikat CSS që ndikojnë në paraqitjen e tipit
Tim Brown. Paraqitja e tipit: sistemet operative
Tim Ahrens. Një vështrim më i afërt në paraqitjen e shkronjave
Tim Ahrens (Typekit). Një vështrim më i afërt i aludimit të TrueType
Përfitimet e OpenType/CFF mbi TrueType
Ildar Kinyabulatov, ADV/projektues web-inxhinierik
Ndërsa punoni në një platformë Mac ose Windows PC, ju jeni duke përdorur vazhdimisht fontet. Nga dizajnerët grafikë, të cilët kanë qindra apo edhe mijëra fonte në koleksionet e tyre, te përdoruesit e zakonshëm që merren vetëm me grupin standard të shkronjave të sistemit operativ dhe aplikacioneve, të gjithë i përdorin vazhdimisht kur krijojnë dokumente, lexojnë materiale në internet dhe menaxhimin e ndërfaqes së përdoruesit. Të kuptuarit se si ndryshojnë formatet bazë të skedarëve të shkronjave do t'ju ndihmojë t'i përdorni ato më gjerësisht dhe të përfitoni nga gamën e plotë të shkronjave.
Skedarët TTF janë pjesë e grupit bazë të shkronjave Windows TrueType. Me ardhjen e versioneve të fundit të Mac OS X, ky format i fontit me një platformë është bërë i zakonshëm dhe tani është i pranishëm në të dy sistemet operative dominuese në botë. Apple modifikoi pak formatin TrueType, duke e përgatitur atë për të zëvendësuar shkronjat e vjetëruara raster me një standard më fleksibël dhe i prezantoi ato me sukses në sistemin operativ të ri.
Standardi TrueType parashikon përdorimin e një skedari të vetëm për përshkrimin e një fonti, i cili përmban të gjithë informacionin e nevojshëm për paraqitjen (vizatimin) e një fonti në një ekran ekrani dhe gjatë printimit të tij. Për t'u krahasuar me TrueType, le të themi se disa fonte tipografike të trashëguara, të tilla si PostScript Type 1 (zhvilluar nga Adobe Systems), kanë një dizajn shumë më kompleks dhe të lexueshëm nga makina.
Standardi OTF qëndron për tipografinë OpenType dhe bazohet në teknologjitë më të fundit të ndërtimit të shkronjave. Ashtu si TrueType, fontet OpenType janë me shumë platforma. Por, ndryshe nga paraardhësi i tij, ato ju lejojnë të vendosni disa stile ekrani në një skedar menjëherë dhe të mbështesni grupe karakteresh në gjuhë të ndryshme.
Për më tepër, fontet OpenType mund të përdorin stile të ndryshme shkrimi në zgjedhjen e aplikacioneve specifike, duke i ndryshuar ato në varësi të kontekstit. Ky standard i ri u ka dhënë stilistëve një mundësi të shkëlqyer për të dizajnuar shkronja që duken si shkrim dore. Në varësi të fontit të veçantë OpenType, ai mund të bazohet në algoritme të kurbës të marra nga TrueType ose PostScript Type 1.
Standardi DFONT (skedarët me shtesën DFONT) qëndron për fontin Datafork TrueType. Formati i këtij skedari ishte standardi për fontet e sistemit të sistemit operativ Mac OS X. Por, së bashku me lëshimin e Mac OS X 10.6 Snow Leopard, Apple e zëvendësoi këtë standard me koleksionin e shkronjave TTC ose TrueType Collection. Formati DFONT mbështetet ekskluzivisht nën Mac OS X dhe është i dënuar të harrohet, pasi nuk është më i destinuar të bëhet ndër-platformë.
Formatet e tjera
Fontet e vjetra bitmap kishin kufizime të konsiderueshme. Pra, secila prej tyre mund të përdorte vetëm tre madhësi (lartësi) në dokumente dhe për këtë ju duhej të drejtoheni në një aplikacion të veçantë të menaxhimit të shkronjave. Këto kufizime u hodhën poshtë shpejt nga dizajnerët grafikë.
Shkronjat PostScript Type 1 e kapërcejnë këtë disavantazh dhe shkallëzohen mirë kur printohen, por printeri duhet të jetë i pajtueshëm me këtë standard të shkronjave. Adobe Systems, zhvilluesi i këtij standardi, më pas propozoi përdorimin e aplikacionit Adobe Type Manager për të hequr kufizimet gjatë printimit.
Një skedar OTF është një skedar fonti i zhvilluar së bashku nga Adobe dhe Microsoft. Ky format skedari përfshin paraqitjen e formateve si TrueType si dhe PostScript. Fontet OpenType mund të shkallëzohen pa humbur cilësinë origjinale të tekstit.
Shtesa OTF mbështetet në sistemet operative Mac OS si dhe në sistemet Windows. Platformat e Microsoft filluan të mbështesin skedarët OTF duke filluar nga Windows 2000. Vlen të theksohet se ky lloj skedari, përveç qëllimit kryesor, mund të përdoret si skedar shabllon që përdoret nga OpenOffice për të gjeneruar formula. Në një rast të tillë, prania e një skedari .otf është e dobishme në plotësimin automatik të tabelave duke përdorur formula. Zgjatja e skedarit OTF ka një gamë të gjerë shpërndarjeje midis përdoruesve.
Ekspertët besojnë se kjo shtesë skedari është një i ashtuquajtur kontejner, i formuar sipas rregullave të TrueType dhe i aftë të përmbajë skedarë të të dhënave PostScript dhe TrueType. Një font Open Type që mund të ruajë lloje të reja të dhënash që nuk ishin të pranishme në formatet TrueType. Skedarët me shtesën .otf mund të ruajnë konturet, metrikat dhe informacionin e shërbimit.
Për të hapur një skedar që ka një shtesë OTF, si skedarët e tjerë të shkronjave, përdoret Font Viewer nga Microsoft. Përdoruesit e MacOS mund të hapin një skedar OTF falë paketës Apple Font Book. Një mjet universal i aftë për të hapur një skedar .otf në sistemet e listuara më sipër, duke përfshirë ato në platformën Linux, është FontForge.
