, Javascript dhe vetë shfletuesit e uebit janë shndërruar në kryevepra të plota të dizajnit, të dalluara nga tipografia e mirë.
Por çfarë mund të bëhet me grupin e pakët të shkronjave që mbështeten nga të gjithë shfletuesit në të gjitha sistemet operative? Shume pak. Për këtë, ata dolën me një mrekulli të tillë si parametri CSS. fytyra e fontit. Kjo do të diskutohet.
Pse nevojitet font-face?
font-face përdoret për të përfshirë fontet e personalizuara në një faqe HTML nëpërmjet CSS. Në shumicën e shfletuesve modernë, të dy fontet TrueType (ttf) dhe OpenType (otf) do të funksionojnë mirë. Në të gjitha, përveç Internet Explorer. Por ata kanë fontin e tyre, dhe më shumë për këtë më vonë.
Si të përfshini fontin jo standard ttf ose otf në CSS?
Nuk ka asgjë të vështirë në këtë.
Duke përdorur konstruktin font-face në CSS, ne mund të specifikojmë rrugën drejt një skedari jo standard ttf ose otf, të kontrollojmë nëse një font i tillë ekziston në kompjuter dhe përdorues dhe të specifikojmë emrin e fontit, të cilin mund ta përdorim më vonë. në font-familje. Është bërë kështu:
@font-face ( font-family: PT-Sans; /* emri i fontit për rregullat CSS */ src: local("PT-Sans"), /* kontrolloni nëse fonti ekziston në sistemin operativ të përdoruesit */ url(fonts/PT- Sans .ttf); /* nëse fonti nuk është i instaluar, atëherë ngarkojeni nga shtegu i specifikuar */ )
Tani fonti do të jetë i disponueshëm për familjen e specifikuar të shkronjave në çdo rregull css, dhe nëse një font i tillë nuk është i instaluar në kompjuterin e përdoruesit, ai do të shkarkohet nga serveri së bashku me imazhet. Për ta përdorur atë në rregullat tuaja, thjesht duhet të specifikoni emrin e saktë:
My_customized_font( /*...*/ font-family: PT-Sans; /*...*/ )
Pas kësaj, çdo objekt me className my_customized_font do të përdorë fontin e personalizuar.
Por, si gjithmonë në rastet e diçkaje shumë të përshtatshme dhe jo standarde, fontet TrueType dhe OpenType nuk do të shfaqen në shfletuesit nga Microsoft.
Fonte të personalizuara duke përdorur HTML dhe CSS në Internet Explorer.
Një mënyrë tjetër për të përfshirë një font të personalizuar në IE
Internet Explorer njihet si një shfletues mjaft i çuditshëm. Vetëm shikoni se si i jep rregullat standarde CSS 2.1. Versionet e hershme (përkatësisht i 6-ti) kanë një gabim në analizimin e URL-ve. Nëse shkruani "#" në URL në rregullin CSS, atëherë i gjithë teksti pas "#" do të perceptohet si një vazhdim i lidhjes, edhe nëse aty tregohen citate dhe gjëra të tjera të vogla. Prandaj, mund të përfshini një font të palës së tretë me një rregull font-face si për IE ashtu edhe për shfletues të tjerë. Si kjo:
@font-face ( font-familje: "PTSans"; src: url("css/fonts/ptsans.eot#") formati("eot"), url("css/fonts/ptsans.ttf") formati(" lloji i vërtetë");)
Në këtë mënyrë Internet Explorer do të shkarkojë vetëm fontin EOT, duke u përpjekur ta shkarkojë atë nga formati css/fonts/ptsans.eot#')…
Dhe shfletuesit e tjerë do të zgjedhin fontin TTF pa asnjë problem dhe do ta ngarkojnë atë.
Konvertimi i shkronjave TrueType (TTF) dhe OpenType (OTF) në EOT
Ju mund të shkruani një artikull të veçantë për këtë, sepse sot ka shumë mjete, megjithëse disa vjet më parë, kishte vetëm një program për këtë, i zhvilluar nga Microsoft për Windows (jo i disponueshëm për përdoruesit e sistemeve të tjera operative).
Veçanërisht i rëndësishëm është programi fontoptimizer i shkruar në PERL, dhe për këtë arsye absolutisht ndër-platformë.
Më duhet të them se më pëlqeu shumë përdorimi i këtij programi në Mac tim. Programi funksionon drejtpërdrejt nga terminali dhe ju lejon jo vetëm të konvertoni shkronjat nga ttf në eot, por edhe t'i kompresoni ato, duke hequr bit dhe bajt të panevojshëm dhe madje duke hequr glyphs (karaktere) të panevojshëm.
Mund ta shkarkoni fontoptimizer këtu: fontoptimizer
Për të kthyer një font nga ttf në eot duke përdorur fontoptimizer, thjesht telefononi në terminal (ose në tastierë)
Convert-eot.pl --ttf-to-eot infile.ttf outfile.eot
Optimizimi i madhësisë së skedarit të shkronjave për ueb
Skedarët e shkronjave mund të jenë mjaft të rëndë. Nga disa qindra kilobajt në disa megabajt. Dhe madhësia e tyre ndikon shumë në shpejtësinë e ngarkimit të faqes. Prandaj, është logjike të optimizoni madhësinë e shkronjave. Si? Shume e thjeshte:
- Hiqni glyphs (karaktere) shtesë nga një font
- Hiq informacionin e tepërt
Kjo mund të bëhet duke përdorur të njëjtin mjet fontoptimizer.
Gjithçka që ju nevojitet është:
- Skedari i fontit burimor
- Skedari me karaktere që do të lihen në skedarin e fontit të koduar UTF8
Subset.pl --charsfile chars.txt infile.ttf outfile.ttf
Ku chars.txt është një skedar me një grup karakteresh që duhet të lihen në skedarin e shkronjave (skedari me karaktere duhet të jetë në kodimin UTF8), dhe infile.ttf dhe outfile.ttf janë përkatësisht skedarët hyrës dhe dalës.
Gjatë testimit, duke përdorur fontoptimizer, arritëm të merrnim 12 Kb nga një skedar 450 Kb, gjë që përshpejtoi shumë ngarkimin e faqes.
Shërbim për krijimin automatik të font-face, me optimizim dhe konvertim të ttf në të gjitha formatet e mundshme
Nëse jeni shumë dembel për të bërë gjithçka me dorë, dhe nëse nuk është interesante ose thjesht nuk keni kohë, atëherë keni një shërbim të shkëlqyer në shërbimin tuaj që optimizon fontet, konverton TTF në EOT, SVG, WOFF dhe formate të tjera që mund të ngarkohet nëpërmjet font-face, dhe në dalje, ai prodhon një arkiv me të gjithë skedarët dhe rregulla të shkruara plotësisht për fontin tuaj. A nuk është e mrekullueshme?
Shërbimi është i disponueshëm në: www.fontsquirrel.com
Unë mendoj se do t'i kuptoni cilësimet :)
Rreth disavantazheve
Me të gjitha avantazhet e përfshirjes së shkronjave të palëve të treta në faqe, ka 2 të meta të rëndësishme:
- së pari, një skedar shtesë fonti nënkupton kilobajt shtesë dhe sekonda shtesë për t'u shkarkuar
- së dyti, jo të gjitha sistemet operative kanë zbutje të mirë të shkronjave (për shembull, në Windows XP është thjesht e tmerrshme), për shkak të së cilës një font vërtet i bukur dhe me cilësi të lartë mund të duket disi i panatyrshëm dhe i tendosur (veçanërisht me madhësi të mëdha). Në raste të tilla, imazhet vektoriale SVG ose imazhet bitmap që shtrihen me anë të shfletuesit dhe duken mjaft të lëmuara janë më të mira.
Shfletoni fontet e ndryshme Photoshop nga koleksioni ynë i pasur. Në faqen TemplateMonster mund të shkarkoni fontet për Photoshop në formatet TTF (TrueType) dhe OTF (OpenType). Sigurohuni që të provoni fontet e bukura të shkruara me dorë në projektet tuaja. Lëreni krijimtarinë tuaj të mos ketë kufij!
Ju mund të përdorni shkronja të tilla kur hartoni faqet e faqes tuaj, ato do të jenë të dobishme për të theksuar individualitetin e projektit tuaj.
Përdorimi i shkronjave të uebit në faqet e internetit të personalizuara po bëhet gjithnjë e më popullor. Çdo përdorues mund të shkarkojë dhe instalojë fontet për të punuar në projektin e tij. Kjo bën të mundur krijimin e faqeve vërtet individuale me një dizajn të bukur dhe tërheqës.
Për të krijuar një font, si çdo element tjetër i dizajnit të faqes në internet, ju nevojitet ndihma e një projektuesi me përvojë. Nga rruga, ky proces nuk është i shpejtë. Prandaj, është shumë më i përshtatshëm për përdoruesit modernë që të zgjedhin një produkt të gatshëm nga koleksioni. TemplateMonster ofron vetëm shkronja me cilësi premium. Ato janë plotësisht universale dhe mund të punoni me to në Photoshop dhe Illustrator.
Cilat janë përfitimet e një fonti ueb të krijuar në mënyrë profesionale?
- mbështetje për gjuhët dhe aftësinë për të personalizuar shkronjën;Opsione të shumta stili dhe fonti;
Bërthamat e zgjedhura.
Në koleksionin tonë të shkronjave të internetit, ne ofrojmë fonte për një sërë faqesh - nga projektet e korporatave deri te burimet me temë argëtimi.
Si të zgjidhni fontin e duhur për një projekt në internet?
Kërkesa kryesore që i parashtrohet çdo fonti është lexueshmëria. Ju krijoni faqe interneti për njerëzit që vijnë në faqet tuaja për informacion. Për të siguruar komoditetin e tyre në konsumimin e përmbajtjes, zgjidhni vetëm grupe shkronjash me cilësi të lartë. Shkarkimi i shkronjave ruse është i rëndësishëm për një audiencë, gjuha amtare e të cilit është rusishtja. Sidoqoftë, nuk duhet të përdorni shumë shkronja në një projekt në internet, në mënyrë që të mos ngatërroni dhe shpërndani vëmendjen e lexuesve. Numri optimal i shkronjave të përdorura në faqe është 2. Për shembull, njëri prej tyre mund të përdoret gjatë krijimit të titujve dhe tjetri për publikimin e përmbajtjes kryesore. Kështu që projekti do të duket më tërheqës dhe koherent, dhe përdoruesit mund të dallojnë lehtësisht përmbajtjen kryesore nga ajo dytësore.Fontet janë:
- me serif (si rregull, ato dallohen nga lexueshmëria shumë e mirë, i japin faqes elegancë dhe sofistikim).Sans serif (i shkëlqyeshëm për faqet e internetit minimaliste).
Serifet drejtkëndore (nëse keni nevojë për një faqe me stil, përdorni këtë lloj fonti në faqet e tij).
E shkruar me dorë (i jep personalitet dhe duket sikur teksti është shkruar me dorë).
Shkronjat e mëdha (fontet mund të përdoren si inserte dekorative. Nuk rekomandohet t'i zgjidhni ato si dizajn kryesor për sitin).
Gothic (një font tjetër dekorativ që mund të përdoret, për shembull, në faqet për antike dhe dyqane antike).
Në fakt, ka një numër të madh të shkronjave të mira. Dhe edhe më shumë opsione për përdorimin dhe kombinimin e tyre. Si font kryesor për sitin, si rregull, zgjidhen fontet elegant me serif - kështu që nuk ka dyshim për lexueshmërinë e projektit. Vlen t'i kushtoni vëmendje stileve të shkronjave për t'i përdorur plotësisht ato në faqen tuaj.
Cilesi e larte
Kompletet e shkronjave nga koleksioni ynë do t'ju habisin me ndryshueshmërinë e karaktereve dhe do ta bëjnë përmbajtjen tuaj të tekstit 100% unike. Ligaturat përfshihen gjithashtu në disa fonte për t'i bërë projektet tuaja të duken edhe më autentike. Për përdoruesit e huaj, ofrohen versione të ndryshme në gjuhë.Çmime të përballueshme
Ne kemi besim se politika jonë e çmimeve do t'ju befasojë këndshëm. Përveç kësaj, ju mund të prisni për shitje dhe të merrni grupet më të mira të shkronjave me një çmim të ulët! Shkronjat e bukura janë të lehta për t'u shkarkuar nëse janë bërë nga specialistë të TemplateMonster.Një diplomë e arsimit të lartë është një nga kushtet për të marrë një punë me pagesë të lartë. Për të nxjerrë këtë dokument, do t'ju duhet t'i nënshtroheni trajnimit të plotë dhe të prisni disa vjet, ose mund ta blini atë tani. Kompania jonë u lejon klientëve të saj të blejnë shpejt, lehtë dhe lirë një diplomë të arsimit të lartë, e cila nuk do të ndryshojë në asnjë mënyrë nga origjinali.
Përfitimet e punës me ne
Klientët që mendojnë për pyetjen se ku të blejnë një diplomë më së shpeshti bëjnë një zgjedhje në favor të specialistëve tanë. Dhe kjo është arsyeja pse:
- Cilësia e prodhimit. Dokumentet mbi arsimin, të hartuara nga profesionistët tanë, përputhen me të gjitha shkallët e mbrojtjes dhe janë bërë në letër me kokë të GOZNAK.
- Alfabetizimi i shkrimit. Ne kemi një qasje të përgjegjshme ndaj procesit të përfundimit të diplomës. Nuk ka gabime shtypi apo gabime gramatikore në punën tonë.
- Lehtësia e pagesës. Ju mund të blini një diplomë duke përdorur shërbime të ndryshme të internetit për pagesë, me para në dorë në korrierin tonë ose me ndonjë transfertë bankare.
- Konfidencialiteti. Ne e vlerësojmë reputacionin tonë dhe mbrojmë me kujdes të gjitha të dhënat personale të klientëve tanë.
- Shpejtësia e prodhimit. Gjatë përgatitjes së një diplome, merren parasysh të gjitha dëshirat e klientëve për kohën e ekzekutimit. Nëse keni nevojë ta lëshoni urgjentisht këtë dokument, atëherë një punë e tillë do të zgjasë vetëm disa ditë.
- Reagime nga ekspertët tanë.
- Çmimi i shërbimit. Ne përpiqemi ta bëjmë procesin e diplomimit sa më komod. Prandaj, specialistët tanë punojnë pa parapagim, dhe një dokument i tillë është relativisht i lirë.
Dokumenti do të përmbajë gjithashtu të gjitha vulat dhe nënshkrimet që korrespondojnë me vitet e lëshimit.
Nëse përgjigjja e pyetjes se ku mund të blini një diplomë nuk është më në dyshim, atëherë duhet të mendoni për vitet e sakta të diplomimit nga një institucion arsimor. Ato nuk duhet të ngjallin asnjë dyshim dhe të korrespondojnë me kushtet e trajnimit në profesion.
