„JQuery CSS“ šrifto veidas yra neryškus

Spausdinimo dizaineriai paplito prie interneto dizaino apribojimų, ypač šrifto pasirinkimų, kurie palaikė kelias naršykles ir operacines sistemas iš riboto šrifto failų, įdiegtų su operacinėmis sistemomis ir žiniatinklio naršyklėmis, rinkinio. Naujovės šriftų pakeitimuose gali pašalinti šiuos apribojimus ir pateikti tipografijos pasaulį žiniatinklio dizainerio ir programuotojo komandoje. Jei koduojate savo svetaines naudodami jQuery ir CSS derinį, kad tekstui būtų pritaikyti šrifto pakeitimai, kai kurie nustatymai, kuriuos galite naudoti kartu su šiomis technologijomis, nustato, ar jūsų tekstas atrodo ryškus ar neryškus tam tikrose interneto naršyklėse.

„Font-Face Tag“

CSS savybės, reikalingos šrifto kodavimui, nuo 2012 m. Tinkamai veikia 98 proc. Naršyklės programinės įrangos, naudojamos staliniuose kompiuteriuose. Šriftų šrifto žymelėje yra CSS savybių, kurias galite naudoti norėdami nukreipti į žiniatinklio prieglobos rinkinio vietą šrifto failai įterpiamu formatu, arba savo serveryje, arba iš interneto šrifto paslaugos. Šrifto veidų savybės leidžia nurodyti svorius ir stilius, kad galėtumėte pasiekti visus didelės šriftų šeimos narius. Jei norite naudoti įprastinę tipografiją su šrifto-veido žyma, jums reikia OpenType šriftų. Tai gali būti laisvos, atviro kodo tipografijos, sumokėtų šrifto licencijų arba mokamų prenumeratų, kurių licencijavimo išlaidos yra pakopos, apmokėjimas, atsižvelgiant į srautą jūsų svetainėje.

JQuery ir CSS

„JavaScript“ funkcijų biblioteka, žinoma kaip „jQuery“, leidžia pridėti galią ir lankstumą savo interneto programavimui. Jo terminai pagreitina jūsų naudojimąsi animacijomis, skaidrių demonstracijomis, atributų manipuliavimu, CSS savybėmis ir AJAX duomenų prieiga daliniams puslapių atnaujinimams be įkrovimo. Derinant jQuery ir šrifto veidų savybes, galite ištirti, nustatyti ir pašalinti spausdinimo savybes dinamiškai. Pvz., Galite pakeisti teksto dalies, kuria naudotojas spusteli, svorį ar stilių. Jei norite naudoti „jQuery“, galite įkelti savo biblioteką į savo svetaines arba pasiekti jį iš talpinto turinio tiekimo tinklo.

Konkrečios naršyklės CSS savybės

Nors naršyklėms būdingas kodavimas šiandien užima daug mažiau interneto programuotojų laiko nei Netscape-Explorer naršyklėje, vis dar egzistuoja skirtumai, kad juos būtų galima apgyvendinti ar išnaudoti. Atviro kodo „WebKit“ naršyklės variklis, kuriuo grindžiamas „Apple“ „Safari“, „Google“ „Chrome“ ir kitos naršyklės bei programos, apima „-webkit“ šrifto švelninimo savybę, kuri priima tris vertybes: „nėra“, „subpixel-antialiased“ ir „antialiased“. Pasirinkite „Nėra“ ir visus savo tipus atvaizduoja be priešiškumo, paliekant kraštus kreivėse ir įstrižainėse. Pasirinkite „subpixel-antialiased“, kad atitiktų kitur darbalaukio operacinėse sistemose pateiktą tipo išvaizdą, lygintą žemiau individualaus vaizdo taško. Pasirinkite „antialiased“ pikselių lygio švelninimui, kuris prieštarauja pernelyg ryškiam subpixel atvaizdavimo atvirkštiniam tipui „WebKit“ naršyklėse - už kainą.

Subpixel atvaizdavimas Vs. Anti-aliasing

Kiekvienas LCD ekrano pikselis iš tikrųjų susideda iš trijų pogrupių: vienas raudonas, vienas žalias ir vienas mėlynas. Jei neperžiūrėsite ekrano turinio dideliu padidinimu, šie subpixeliai susilieja. Tačiau gebėjimas juos spręsti individualiai leidžia jiems gaminti įstrižaines ir kreives su papildomu lygumu, pastatytomis įjungus kai kurias spalvotas subpixeles šių formų kraštuose, kurie sudaro beveik visų tipografijų kontūras. Bandant pasiekti šį rezultatą su įprastiniu pikselių lygio antialiasavimu, pilkos spalvos atspalviuose naudojami visi pikseliai, kad būtų galima apgauti akis į lygias figūras, tačiau, lyginant su švariais rezultatais, gautais kreipiant į subpixelius, rezultatas iš tikrųjų susilieja raides.

Apsvarstymai

Jei naudosite „-webkit“ šrifto švelninimo funkciją, kuri yra „antialiased“, o ne „subpixel-antialiased“, pamatysite plonesnį tipą, kuris iš pradžių atrodo švaresnis ir aiškesnis akims, ypač kai derinate jį su šriftu- veido žyma, skirta pasiekti plačias spausdinimo parinktis. Vis dėlto leiskite savo plonumo naujumui nuvilti ir pradėsite matyti neryškumą, kuris atsiranda išjungus subpixel atranką. Ypač mažo tipo ir kūno kopijavimas gali būti sunkus skaitymas.

Rekomenduojama