Çdo web designer ëndërron të krijojë një faqe interneti me tipografi të bukur. Fatkeqësisht, shfletuesit mbështesin vetëm disa shkronja, të ashtuquajturat shkronja "të sigurta në ueb". V set standard Përfshihen 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ë një të përbashkët karakteristikat e projektimit- pesha, stili, dizajni, lloji i shkronjave, dendësia, madhësia, për shembull, fontet sans serif (ose sans serifs), shkronjat serif (antiqua). Një tipar përbëhet nga një grup karakteresh (numra, shkronja, shenja pikësimi, Simbole të veçanta, mund të përbëhet edhe nga karaktere jo alfabetike).
FontiËshtë një grup personazhesh të një madhësie, peshe dhe stili të caktuar. Për shembull, stili italic Times New Roman 16px është një font dhe Times New Roman italic 10px është i ndryshëm.
@ 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 shkronjave dhe fontet e ngulitura janë fontet web.
Rregulli @ font-face duhet të vendoset përpara gjithë të tjerëve. rregullat css pasi kjo do të përmirësojë performancën e faqes. Fontet e shkarkueshme mund të vendosen në dosje speciale fontet e krijuara në server.
Për të lidhur një font duke përdorur rregullin @ font-face, ju duhet:
1) ngarkoni skedarin e shkronjave në server në formate të shumta për mbështetje nga të gjithë shfletuesit,
2) specifikoni emrin e fontit, shtoni një lidhje në skedar dhe vendosni një përshkrim të fontit,
3) shtoni emrin e fontit në vetinë font-family të elementit që do të shfaqet me këtë font.
@ font-face (font-familja: "WebFont"; src: url (WebFont.eot?) formati ("eot"), / * IE8 +, shenja? ju lejon të anashkaloni defektin në mbajtësin e vlerës src * / url (WebFont.woff) formati ("woff"), / * të gjithë shfletuesit modernë, formati IE9 + * / url (WebFont.ttf) ("truetype"); / * të gjithë shfletuesit modern * /) p (font-familje: "WebFont", Arial, sans -serif;)
Ky kod i thotë shfletuesit të shfaqë tekstin brenda elementit
Duke përdorur WebFont. Nëse shfletuesi, për ndonjë arsye, nuk mund ta ngarkojë këtë font, ai do të zgjedhë atë të duhurin nga lista e shkronjave. Ai kalon nëpër to në rendin e treguar derisa të gjejë një font që mund ta përdorë me sukses.
Brenda secilës familje të shkronjave, mund të përcaktoni deri në nëntë pesha (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. ju nuk mund të deklaroni në një rregull dy shkronja të ndryshme ose një font të së njëjtës familje, por stile të ndryshme dhe peshë.
@ font-face (font-familja: "WebFont"; src: url (WebFont.eot?) formati ("eot"), url (WebFont.woff) formati ("woff"), url (WebFont.ttf) formati ( "truetype"); pesha e shkronjave: bold; stili i shkronjave: italic;) @ font-face (font-familja: "WebFont"; src: url (WebFont.eot?) formati ("eot"), url (WebFont .woff) formati ("woff"), url (WebFont.ttf) formati ("truetype"); pesha e shkronjave: 400; stili i shkronjave: normal;)
V pamje e përgjithshme për fontin, mund të vendosni vetitë e mëposhtme:
@ font-face (font-familje: "FontName"; src: url () format (""); font-variant:; font-stretch:; font-pesha:; font-style:;)
Nëse supozoni se ky font është i instaluar në kompjuterin e përdoruesit dhe dëshironi që fonti të ngarkohet vetëm pasi përdoruesi të ketë verifikuar që ai është i disponueshëm, atëherë mund të përdorni vlerën lokale () 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 e mirë në shfletues, por shfletues të ndryshëm përdorin formate të ndryshme fontet. 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 në formatin TTF / OTF për përdorim në internet. 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 janë të disponueshme falas.
Formati EOT(Lloji i hapur i ngulitur) u krijua zhvilluesit e Microsoft, eshte kopje e ngjeshur fonti TTF, ripërdorim e cila është e ndaluar Teknologjitë DRM(Menaxhimi i të Drejtave Dixhitale, kontroll dixhital të drejtat e aksesit). Mbështetet vetëm në IE 8 e lart.
SVG / SVGZ(Scalabe Vector Graphics) - Një lloj skedari fonti që përfaqëson një stil fonti vektorial. Në mënyrë tipike ka madhësive më të vogla skedarë, duke përmirësuar kështu performancën në pajisje celulare... Punon në Opera Mobile dhe iOS Safari.
Kompleksiteti i përdorimit të shkronjave të ngulitura
1) Skedarët e shkronjave mund të jenë madhësive të mëdha kështu që shtimi i font-face @ ngadalëson ngarkimin e faqeve në disa raste.
2) Disa fonte kanë kufizime licencimi që nuk lejojnë përdorimin e lirë.
3) Disa fonte thjesht duken keq në faqet e internetit.
Në artikullin tim të mëparshëm "" kam shqyrtuar dy nga më shërbime të njohura për futjen e shkronjave në paraqitje, dhe gjithashtu premtoi të zbulojë sekretet e përdorimit të tij në artikullin tjetër.
Supozoni se projektuesi ka përdorur në paraqitjen e tij shumë në modë, më popullor Shkronja e titullit të banerit MyriadPro nga Adobe. Google WebFonts nuk e ka atë, vetëm sepse Adobe nuk e bëri atë falas.
Por detyra është, dhe tani tek pika. A keni menduar se si ngulitur në paraqitjen e MyriadPro.
Shkojmë këtu dhe shohim foton e mëposhtme:
Shtoni fontin ose fontet tuaja (do ta kemi Myriad Pro Regular) dhe zgjidhni modalitetin "Ekspert". Ne mund të zgjedhim formatet e shkronjave - unë rekomandoj të lini gjithçka ashtu siç është - funksionon të paktën, për të gjithë versionet moderne shfletuesit. Opera e vjetër(para dy vitesh) ka punuar ne mos gaboj me SVG, por kishte renderim te tmerrshem dhe pa asnje antialiasing.
Zgjidhni Nëncilësimin e personalizuar. Kjo është e nevojshme për të zgjedhur saktësisht ato vargje të karaktereve (d.m.th., karakteret e gjuhës) që na duhen. Dhe ka shumë të ngjarë që ne kemi nevojë për "anglisht", "cirilik" dhe ndonjëherë shtoj "deutch". Unë gjithashtu shtoj atë që është në pamjen e ekranit - në realitet nuk e dini kurrë se cilat simbole të tjera mund të nevojiten, dhe nuk dua veçanërisht ta përsëris këtë procedurë për herë të dytë (së bashku me integrimin).
A keni cirilik? E mrekullueshme. Le të kalojmë në hapin tjetër:
Ne mund t'i fusim fontet tona direkt në CSS duke përdorur Base64 Encode (të gjithë shfletuesit modernë e mbështesin këtë mashtrim me veshët e tyre). Kjo do të ketë një efekt pozitiv në uljen e ngarkesës në server (numri i thirrjeve në të do të ulet), si dhe në shpejtësinë e ngarkimit të faqeve.
Ju gjithashtu mund të ndryshoni emrin e CSS-së që rezulton dhe të shtoni opsione të tjera që rritin madhësinë e skedarit dhe nuk janë veçanërisht të nevojshme në praktikë.
Ne nuk prekim pjesën tjetër - nuk ia vlen.
Po gënjejmë se ky font lejohet lirisht të përdoret në internet (por në fakt, vetëm në layouts. PSD, gjykuar nga Adobe EULA) dhe na del një skedar zip.
Në të do të shohim skedarin "fontname-demo.html" - hapeni dhe shihni një pjatë të bukur me fontet tona. Për të kontrolluar alfabetin tonë cirilik, shkoni te "Glyphs & Languages", lëvizni poshtë në fund të faqes.
Ne kontrollojmë të gjitha shfletues modern: Chrome, Firefox, Internet Explorer 9, Opera dhe Safari. A keni cirilik? E mrekullueshme.
Epo, tani le ta vendosim të gjithë në CSS tonë (shih skedarin stylesheet.css) dhe kopjojmë skedarët e shkronjave në dosjen tonë - vetëm në rast:
Tani le të shohim rezultatin:
Duke punuar. Gjithçka është shumë e thjeshtë dhe e bukur.
Një histori e shkurtër se si të gjeneroni saktë një font për Runet. Në qendër të vëmendjes është fontsquirrel i shërbimit borgjez, i njohur tashmë në Habré.
Nëse bukuria do të shpëtojë botën, atëherë dizajnerët ndërfaqet në internetështë një ushtri e së keqes. Mos më keqkuptoni, e konsideroj veten time dizajner ueb, dhe nuk mund t'i duroj dizajnerët e shtrembër të paraqitjes, më duhet të radhis kërkimet e mia psd me të njëjtat duar të shtrembëruara. Dhe këtu fillon më interesante ...
Si është gjithçka në praktikë:
1. Para së gjithash, gjithçka varet nga zgjedhja e grupit të duhur të shkronjave për Runet, dhe nëse jo për këtë, atëherë duhej ta kisha parasysh. Duke zgjedhur rafte e dëshiruar ne ushqejmë trupin e tij, diçka si kjo:
Trupi (
font-familja: "Arial Black", "Helvetica CY", "Nimbus Sans L" sans-serif;
madhësia e shkronjave: 12 px;
}
Si rezultat, ne marrim një font bazë afër asaj që përdorim në paraqitjen tonë të dizajnit. Mirë!
2. Të kënaqur me efikasitetin tonë, ne shikojmë me kujdes paraqitjen e dizajnit të punës dhe në vende (qoftë në menu, ose në fund) shohim të njohura, pothuajse midis të gjithë printerëve: Myriad Pro, Arial Narrow apo ndonjë tjetër Evropë nga StarCraft. Tre opsione ju vijnë menjëherë në mendje: zëvendësoni me foto, vendosni JS (po, i njëjti cufon) ose prekni edhe një herë veçorinë CSS @ font-face... Po, mendimi për të braktisur djallin e një shkalle universale dhe për të përdorur pirgun e sigurt kudo, natyrisht, nuk na lind - ne, siç thonë ata, "mishërojmë" bukurinë në jetë.
Opsioni i parë që më erdhi në mendje është të zëvendësojmë gjithçka me png - ne e hedhim atë menjëherë, siç bënë stërgjyshërit tanë në agimin e paleolitit;
Opsioni i dytë (cufon.js) nuk i përshtatet klientit tonë, Zoti e bekoftë - kishte një klient me mendje të matur në tokë; - pra le të kalojmë në pikën tre.
3. Ne jemi duke kërkuar për fontin që na nevojitet nga zorrët e Windows 7 sipas gjurmës së mëposhtme: "Start → Control Panel → Fonts", kopjojeni atë në dosje lokale në kompjuterin tuaj me projektin dhe hapni gjeneratorin e shkronjave fontsquirrel. Në rastin tim, është MyriadProCondensed.
Për fat, klikoni në butonat dhe merrni css gati prona nga seria:
@ font-face (
font-family: "MyriadProCondensed";
src: url ("myriadpro_cond-webfont.eot");
src: formati url ("myriadpro_cond-webfont.eot? #iefix") ("embedded-opentype"),
url ("myriadpro_cond-webfont.woff") formati ("woff"),
url ("myriadpro_cond-webfont.ttf") formati ("truetype"),
url ("myriadpro_cond-webfont.svg # MyriadProCondensed") formati ("svg");
pesha e shkronjave: normale;
stili i shkronjave: normale;
}
Ne gjithashtu marrim një shembull se si do të duket fonti ynë në shfletues në arkivin e shkarkimit. Dhe gjithçka do të ishte mirë, por rezultati i marrë nuk funksionon ashtu siç kemi nevojë. Dhe duket se kanë vënë EKSPERTI... në cilësimet, dhe madje edhe duke zgjedhur një lloj kuti kontrolli - por ende nuk ka asnjë efekt - shkronjat ruse nuk duan të bëhen MyriadProCondensed.
Kërkova në google për dy ditë, fillimisht hapa Habrin, nga ku mësova në fakt për shërbimin, faleminderit, nuk gjeta asgjë për këtë çështje dhe vazhdova të "googleroj" humorin. Dy ditë më vonë, u shfaq gjendja shpirtërore dhe fillova të rendit shërbimin www.fontsquirrel.com në raftet, domethënë të kërkoja lokalizimin e alfabetit cirilik atje.
4. E gjeta! Në total, ishte e nevojshme të vendosni "butonin e radios". Nënvendosje te pozicioni Nëncilësim i personalizuar... Në përmbajtjen e hedhur të grupit, kontrolloni kutinë Gjuhe në pozicion cirilik.
5. Hooray funksionoi. Le të pimë një kafe. Faleminderit të gjithëve për durimin tuaj.
P.S. Unë as nuk do t'ju bind që ta bëni skemën e sigurt të paraqitjes / ndërfaqes. Le të jetë në ndërgjegjen tonë, por unë e di një gjë, ndërsa kjo tip-mani ekziston - bota ngadalë por me siguri po rrëshqet në humnerë. Nuk ka asgjë të bukur në faktin se është e pamundur të lexosh fontin nga ekrani i monitorit - jo!
Sot dua të flas për Vetia CSS@ font-face, gjë që e bën më të lehtë dhe më të përshtatshëm përdorimin e një fonti arbitrar në sit. Por ka një "por" për t'u zgjidhur - shfletues të ndryshëm kërkojnë formate të ndryshme skedarët e shkronjave.
Prezantimi
Sipas statistikave mbi ky moment të paktën 92% e shfletuesve të desktopit punojnë saktë me @ font-face. Gjithçka bëhet thjesht: ne emërtojmë fontin, tregojmë rrugën drejt tij, e përdorim direkt në CSS:
// Deklaroni fontin
@ font-face (
font-family: "Emri i shkronjave";
src: url ("rruga / tek / ai");
}
// Aplikoni fontin
p (
font-family: "Emri i shkronjave", Arial;
}
Këtu në src: url është specifikuar shtegu i skedarit me fontin, në src: local - emri i fontit në makinë lokale në rast se përdoruesi e ka tashmë këtë font. Por jo gjithçka është kaq e thjeshtë, shfletues të ndryshëm nevojiten formate të ndryshme të shkronjave.
Formatet e shkronjave
Fontet mund të jenë në formatet TTF, OTF, EOT, SVG dhe WOFF:
- Internet Explorer (të gjitha versionet) - EOT;
- Firefox (që nga 3.5) - TTF / OTF (WOFF u shtua që nga versioni 3.6);
- Opera (duke filluar nga 10) - TTF / OTF;
- Chrome (të gjitha versionet) - SVG (TTF / OTF u shtua në fund të janarit 2010);
- Safari (që nga 3.2) - TTF / OTF.
Siç mund ta shihni, ne kemi të paktën katër lloje skedarësh që duhet të ngarkohen.
Përdorimi i duhur
Për të mos humbur shumë kohë çdo herë duke krijuar disa skedarë shkronjash dhe sintaksë të ndryshme lidhjeje, njerez te mire bëri një shërbim - Proteina e shkronjave. Ne hyjmë, shkarkojmë fontin, marrim një arkiv me një shembull përdorimi dhe llojet e skedarëve të kërkuar.
Tani mund të kontrolloni që gjithçka funksionon si duhet kudo. Për argëtim, unë sugjeroj të shikoni se si duket ndër-shfletuesi @ font-face:
@ font-face (
font-familja: "TheanoDidotRegular";
src: url ("theanodidot-regular-webfont.eot");
src: lokale ("☺"),
url ("theanodidot-regular-webfont.woff") formati ("woff"),
url ("theanodidot-regular-webfont.ttf") formati ("truetype"),
url ("theanodidot-regular-webfont.svg # webfontE40g3tc3") formati ("svg");
pesha e shkronjave: normale;
stili i shkronjave: normale;
}
Kjo eshte e gjitha. Mos e teproni me fontet e ndryshme ;-)
Aftësia për të futur çdo font që ju pëlqen në faqet e internetit duke përdorur @ font-face është një mashtrim shtesë stilistik që është krijuar për të eliminuar monotoninë e shkronjave të rregullta të sistemit. Sigurisht që do të ishte shumë e thjeshtë dhe e rrallë nëse të gjithë do të përdornin vetëm një shkronja. Në këtë artikull do të flasim vetëm për këtë.
Kjo hyrje e shpejtë në @ font-face do t'ju japë një pasqyrë të integrimit të shkronjave me @ font-face. Nëse dëshironi të përdorni disa fonte të veçanta, atëherë këtu do të kuptoni se si t'i integroni ato në serverin tuaj. Në këtë artikull, ne do të përpiqemi të rendisim të gjitha llojet e informacioneve të dobishme që lidhen me këtë temë.
Formatet e shkronjave në ueb
EOT, TTF, OTF, CFF, AFM, LWFN, FFIL, FON, PFM, PFB, WOFF, SVG, STD, PRO, XSF, dhe kjo nuk është e gjitha. Është ndoshta më e lehtë të gjesh rrugën për të dalë nga xhungla sesa një font që funksionon 100% për ty. Le të hedhim një vështrim në të mirat dhe të këqijat e integrimit të shkronjave.
TrueType
Ky format u krijua në vitin 1980 në konkursin e Adobe Type 1 për PostScript. Ky format, i bazuar në teknologjitë e reja, zëvendësoi shumë të tjerë që ishin në përdorim deri në atë kohë. Microsoft filloi të përdorte formatin TrueType dhe shpejt u bë fonti standard i sistemit.
Lloji i hapur
Njëherë e një kohë, Microsoft dhe Adobe u bashkuan për të krijuar këtë format... Mjaft e çuditshme, ajo bazohet në formatin TrueType, por elementë shtesë si ligaturat, karakteret e kontekstit, etj. janë ndërtuar në të. Megjithatë, shumë shfletues ende nuk e mbështesin këtë format. Janë dy versione të ndryshme Format OpenType bazuar në teknologjive të ndryshme... Më në detaje, këtu është:
- OpenType me skica TrueType (OpenType TT) dhe
- OpenType me skica PostScript (OpenType PS)
Shkronjat e bazuara në TrueType janë më të përshtatshme për Ueb-in dhe do të ishin të mira nëse Microsoft rregullon të gjitha problemet e ekranit. Strukturat Fontet TrueType dhe fontet OpenType janë shumë të ngjashme dhe mbështeten në Safari 3.1 e më vonë, Firefox 3.5 dhe Opera 10 (dhe në versionet më të reja).
EOT
Internet Explorer ka mbështetur formatin (EOT) që nga viti 1990. Ndryshe nga formatet TrueType dhe OpenType, ai ofron veçoritë e mëposhtme:
- Shkronjat EOT janë më kompakte se OpenType, gjë që është një avantazh i rëndësishëm për Ueb-in.
- Fontet EOT mund të përdoren vetëm brenda një domeni. Kjo është një gjë shumë e dobishme, sepse ndihmon në luftën për të drejtat e licencuara të shkronjave.
Nëse dëshironi të konvertoheni Fonti TTF në një skedar EOT, mund të përdorni mjetin EOTFast (falas), i disponueshëm vetëm për përdoruesit e Windows.
MIRË
Në fakt, formati WOFF është një kryqëzim i ri midis formateve TrueType dhe OpenType, gjë që në fakt nuk e bën atë të ri.
WOFF përdor një algoritëm të quajtur zlib, i cili mund të zvogëlojë ndjeshëm peshën e skedarit me rreth 40%. Për më tepër, në këtë font mund të shtohen meta të dhëna si licenca, etj. Megjithatë, të dhëna të tilla nuk mund të vërtetohen nga shfletuesit.
Ky format mbështetet Shfletuesi Firefox duke filluar nga versioni 3.6, dhe Google Chrome duke filluar nga versioni 5.0. Të gjithë shfletuesit e tjerë aktualisht po bëjnë të gjitha ndryshimet e nevojshme për të mbështetur këtë format.
SVG
Shkronjat SVG përmbajnë karaktere simbolike si elementë dhe atribute standarde SVG dhe përfaqësohen si imazhe vektoriale... Por çuditërisht, ky është një nga dobësitë të këtij formati. Ndërsa EOT, WOFF, PostScript dhe OpenType mund të kompresohen, këtë operacion nuk mund të aplikohet në fontet SVG.
Fontet SVG nuk janë shumë të mira alternativë e mirë për fontet në ueb, dhe iOS 4.2 është i pari Versioni celular Safari që mbështet këtë format. Megjithatë, ky format është i vetmi që mund të përdorni për iPhone dhe iPad që përdorin iOS 4.2.
Futja e shkronjave nga serveri juaj
Ju nuk keni nevojë të licencoheni për të përdorur një font të veçantë në dizajnet tuaja. Ju mund të përdorni fontet tashmë të licencuara nga aplikacionet tuaja dhe t'i shtyni ato në serverin tuaj të uebit.
Ky font - po, ky - jo
Përpara se të filloni konvertimin masiv të shkronjave të rregullta në shkronja ueb, përpiquni të përcaktoni nëse mund ta bëni atë sipas Marrëveshja e licencës... V rast i përgjithshëm, licenca tregtare nuk lejon përdorimin e shkronjave nga programe të ndryshme diku tjeter. Kështu, nuk do të jeni në gjendje të përdorni rregullin @ font-face.
Në të njëjtën kohë, ekziston sasi e madhe fontet dhe shërbimet posaçërisht për ueb. Ju gjithashtu mund të licenconi fontet tuaja nga MyFonts.com.
Derisa formati WOFF të bëhet standardi zyrtar, ju mund t'i përdorni këto teknika dhe shërbime si shumë zhvillues të tjerë.
Përfshirja e shkronjave falas
Për fat të mirë, në internet mund të gjeni një mori të tërë fontet falas që mund t'i përdorni për faqet tuaja. Mund të gjeni një listë të shkronjave që mund t'i zbatoni në mënyrë të sigurt në webfonts.info.
Nje me shume koleksion i madhështë në Font Squirrel. Këtu mund të shkarkoni një grup të tërë shkronjash që do të duhet të konvertohen më vonë falë @ font-face Kit Generator.
Përpara se të shkarkoni një font, sigurohuni që fonti të mund të konvertohet për ueb!
Vetë ideja e përdorimit të shkronjave të ndryshme në faqet e internetit ka shpërthyer në dy vitet e fundit. Mund të ëndërrohet vetëm për një ritëm të tillë zhvillimi. Sidoqoftë, zhvilluesit ende duhet të përballen me shumë probleme të paraqitjes së ndër-shfletuesve. Të gjitha këto probleme do të zgjidhen kur formati i shkronjave të hapura në ueb (WOFF) të pranohet si standard nga komuniteti i zhvilluesve.
Një tjetër pengesë, e cila u përmend më herët, është mbizotërimi i operimit Sistemet Windows në të cilin interpretimi i nënpikselëve është i çaktivizuar (si parazgjedhje në Windows XP ose siç preferohet nga përdoruesi). Krahasuar me fontet e sistemit, shumica e shkronjave të uebit jepen me cilësi të ulët për shkak të mungesës së interpretimit të nënpikselëve. Sigurisht, me kalimin e kohës ky problem do të zgjidhet pasi përdoruesit zëvendësojnë harduerin e vjetër dhe OS... Në të njëjtën kohë, Internet Explorer 9 punon me procesorin e tekstit DirectWrite, i cili siguron përpunim të përmirësuar ndjeshëm.
Përdorimi i shkronjave të uebit në dizajnet tuaja kërkon testim të gjerë si shfletues të ndryshëm dhe platformat, rezultati mund të jetë saktësisht i kundërt. Nëse ekrani ka rezolucion të ulët, dhe nuk ka mbështetje për interpretimin e nënpikselëve, atëherë ekrani do të shtrembërohet ose do të mungojë plotësisht. Mënyra më e lehtë për të zgjidhur këtë problem është që të gjithë të ndryshojnë harduerin dhe sistemet operative! Por nuk do të ndodhë.) Sigurisht, mund të përdorni JavaScript për të mësuar rreth mbështetjes për paraqitjen e nënpikselëve.
Shfaq tekstin
Edhe nëse disa paraqitje në ueb i afrohen kompleksitetit të paraqitjeve të printimit (në sajë të grupeve të pasura të shkronjave të mbivendosura), ka ende një problem i madh: Shfletuesit nuk vihen automatikisht me vizë. Sidomos në gjuhët ku ka shumë fjalë të gjata(p.sh. gjermanisht), që ndikon negativisht në lexueshmërinë e tekstit.
Por kjo çështje mund të korrigjohet me Ndihmë JavaScript vigjizim nga ana e klientit i cili u zhvillua nga phpHyphenator. Por edhe me këtë mjet, mund të ketë probleme të integrimit në shfletues, por në të ardhmen, mendoj se edhe kjo do të zgjidhet.
Çipat OpenType
Ka edhe anën e pasme medalje. Kjo për shkak se programet si InDesign dhe QuarkXPress 7+ nuk mbështesin standardet tipografike OpenType.
Veçoritë dhe opsionet e OpenType lejojnë që ky format të zhvillohet në mënyrë që të mund të ketë më shumë mundësi... Nëse aplikacioni i mbështet këto çipa, atëherë disa karaktere mund të zëvendësohen automatikisht.
Disa fonte mund të përdoren vetëm me mbështetjen e OpenType. OpenType gjithëpërfshirëse mund të përmbajë glyphs dhe elementë të tjerë. Duke përdorur veçorinë OpenType, versioni bazë do të zëvendësohet nga versioni me elementët përkatës që mbështeten në softuer. Shembull në foto:
Firefox 4 i lëshuar së fundmi mbështet të gjitha veçoritë e mësipërme OpenType. Tani ju mund t'i shijoni këto përfitime si më poshtë:
H1 (-moz-font-feature-settings: "smcp = 1";)
Microsoft ka ofruar një listë të veçorive OpenType që ai mbështet. Le të shpresojmë që të gjithë shfletuesit e tjerë të ndjekin shembullin.
Shpresojmë që ky artikull të ishte informues për ju! Të gjitha këto probleme nuk ka gjasa të zgjidhen së shpejti. Na mbetet vetëm të presim.
