Hacker News

Ko hono Fakalea ʻo e Mataʻitohí mei he Ngaahi Tefitoʻi Moʻoni ʻUluakí .

Ko hono Fakalea ʻo e Mataʻitohí mei he Ngaahi Tefitoʻi Moʻoni ʻUluakí . Ko e fekumi ko 'eni 'oku delves ki he font, sivisivi'i hono mahu'inga mo e uesia 'e lava ke hoko. Ngaahi Fakakaukau Tefito 'oku 'Ufi'ufi 'Oku fakatotolo'i 'e he kakano ko 'eni: Ngaahi tefito'i mo'oni mo e ngaahi teolosia tefito . Faka'uhinga'i 'aonga...

13 min read Via mccloskeybr.com

Mewayz Team

Editorial Team

Hacker News

Ko hono Fakahokohoko ʻo e Foní mei he Ngaahi Tefitoʻi Moʻoni ʻUluakí

Ko e faka'ali'ali 'o e mata'itohi ko e founga ia 'oku liliu ai 'e ha komipiuta 'a e ngaahi fakamatala fakafika fakalukufua 'o e ngaahi mata'itohi ki he ngaahi pixels 'oku 'asi lelei mo lava ke lau 'oku ke sio ki ai 'i he screen. Pe 'oku ke langa ha faka'ilonga 'o e brand, tisaini ha dashboard 'oku fehangahangai mo e client, pe fili pe 'a e ngaahi mata'itohi ki ho'o poloseki hoko, mahino 'a e founga 'oku 'oatu mo'oni ai 'a e ngaahi mata'itohi 'oku ne 'oatu kiate koe ha tafa'aki fakapapau 'i hono fa'u 'o e ngaahi a'usia fakakomipiuta 'oku fakangingila.

Ki he ngaahi pisinisi 'e 138,000+ 'oku nau fakalele 'a e ngaahi ngaue 'o fakafou 'i he ngaahi tu'unga hange ko e Mewayz, 'Oku 'ikai ko ha teuteu 'a e taipe — ko e ngaahi langa fakalakalaka. 'Oku fakafalala 'a e inivoisi kotoa pe, lipooti, ​​mo e touchpoint 'a e kasitomaa 'i he tohi 'oku ne fakahoko ma'a 'i he ngaahi device. Tau veteki 'a e founga 'oku ngaue mo'oni ai 'a e font rendering, mei he ngaahi 'autilaine 'o e raw ki he ngaahi pixels faka'osi.

Ko e hā ʻoku hoko ʻi he vahaʻa ʻo ha Faile Font mo Hoʻo Screen?

'Oku 'ikai ke tanaki 'e ha faile mata'itohi 'a e ngaahi 'ata 'o e ngaahi mata'itohi. Ka, 'oku ne tanaki 'a e ngaahi 'autilaine fakafika — Bézier curves 'oku ne fakamatala'i 'a e fotunga 'o e glyph takitaha. 'I he taimi 'oku fie ma'u ai 'e ho'o sisitemi ngaue pe browser ke fakahaa'i 'a e tohi, 'Oku ne lele ha paipa siteisi lahi 'oku ne liliu 'a e ngaahi curves abstract ko ia ki ha grid 'o e pixels lanu. Kuo kei fakaofo 'a e tu'uma'u 'a e paipa ko 'eni talu mei he ngaahi 'aho 'o e pulusi 'o e desktop, neongo kuo tupulaki 'a e ngaahi founga 'o mama'o ange 'a e sophisticated.

Ko e ngaahi siteisi tefito 'oku kau ai 'a e fakafuofua'i 'o e 'autilaine, 'a ia 'oku lahi ai 'a e ngaahi hala vector ki he fakalelei'i 'o e taumu'a; fakafe'unga'i 'o e grid ('oku ui foki ko e faka'ilonga), 'a ia 'oku fakatonutonu fakapulipuli ai 'a e ngaahi 'autilainé ke fakafe'unga'i mo e grid 'o e pixel; rasterization, 'a ia 'oku fakafonu ai 'a e ngaahi 'autilainé kuo fakatonutonu ke fakatupu ha mape si'isi'i; mo e fakafepaki'i 'o e aliasing, 'a ia 'oku ma'u ai 'e he ngaahi pixels 'oku 'ufi'ufi 'a e konga 'a e ngaahi mahu'inga lanu 'i he vaha'a ke fakalelei'i 'a e ngaahi tafa'aki jagged.

'Oku fakafe'iloaki 'e he siteisi takitaha 'a e ngaahi fefakatau'aki 'i he vaha'a 'o e tonu 'o e fika mo e mahino 'o e fakakaukau. Ko ha 'autilaine scaled haohaoa 'e lava ke tu'uta 'i he vaha'a 'o e ngaahi ngata'anga 'o e pixel, 'o fakatupu 'a e ngaahi tafa'aki blurry. Grid fitting 'oku ne solova 'eni ka 'e lava ke ne fakapikopiko'i 'a e ngaahi mata'itohi. Ko e ako kotoa 'o e font rendering ko e me'a mahu'inga ia ko ha alea 'i he vaha'a 'o e mo'oni fakasiometi mo e fakakaukau 'a e tangata.

Ko e hā ʻoku kehe ai ʻa e Font Tatau ʻi he Device Kotoa pē?

Kapau kuo ke fakatokanga'i 'oku 'asi 'a e mata'itohi 'i ho'o MacBook ka 'oku ki'i mamafa ange 'i ha misini Windows, kuo ke fetaulaki mo e divergence 'i he ngaahi filosofia 'o e rendering. 'Oku fakamu'omu'a 'e he Apple 'a e Core Text renderer 'a e mateaki ki he 'uluaki tisaini 'o e mata'itohi, fakatolonga 'a e mamafa 'o e stroke mo e spacing neongo 'oku 'uhinga ia ki he ngaahi tafa'aki 'oku ki'i blurry. Ko e DirectWrite 'a e Microsoft (pea mo hono mu'aki ClearType) 'oku ne fakamu'omu'a 'a e fakafe'unga'i ki he pixel grid, 'o ne fakatupu 'a e tohi 'oku mata'i ange 'i he totongi 'o e ngaahi fakapikopiko 'o e tisaini fakapulipuli.

  • Fakafepaki'i 'o e hina — 'oku ne ngaue'aki 'a e ngaahi ata 'o e hina 'i he ngaahi pixels 'oku takatakai ke fakalelei'i 'a e ngaahi tafa'aki; 'oku ngaue tatau 'i he ngaahi fa'ahinga faka'ali'ali
  • Faka'ata 'o e subpixel — 'oku ne faka'aonga'i 'a e fokotu'utu'u 'o e subpixel kulokula, lanumata, mo e lanu pulu 'o e ngaahi panel LCD ke liunga tolu 'a e fakalelei'i fakahosite 'oku ola lelei
  • Hinting kehekehe — 'E lava ke fakahu 'e he ngaahi mata'itohi TrueType 'a e ngaahi fakahinohino 'oku nau fakatonutonu to'oto'o 'a e ngaahi 'autilaine 'i he ngaahi lahi pau, 'o 'oange ki he kau tisaini 'o e fa'ahinga 'o e pule'i 'o e pixel
  • Ngaahi mala'e mama'o kuo fakamo'oni hingoa (SDF) — ko ha founga GPU-fakakaume'a 'oku fakautuutu hono faka'aonga'i 'i he ngaahi misini va'inga mo e ngaahi polokalama WebGL, 'a ia 'oku faka'ilonga'i ai 'a e ngaahi fotunga glyph ko e ngaahi mape mama'o ki he 'ata tau'ataina 'o e resolution
  • Ngaahi manako ki hono fakalelei'i 'o e mata'itohi 'i he tu'unga 'o e sisitemi — ngaahi tu'unga 'o e tokotaha ngaue mo e OS 'oku ne faka'auha 'a e 'ata 'i he tu'unga 'o e polokalama, 'o fakatupu ha toe layer 'e taha 'o e kehekehe

Ko e movetevete ko 'eni ko e 'uhinga tonu ia 'oku fie ma'u ai 'e he ngaahi pisinisi 'oku nau ngaue 'i he ngaahi tu'unga kehekehe 'a e ngaahi sisitemi tisaini tu'uma'u. 'I he taimi 'oku fakatupu ai ho'o ngaahi inivoisi, ngaahi fokotu'u, mo e ngaahi dashboards 'o fakafou 'i ha OS pisinisi centralized, 'Oku ke ma'u 'a e pule ki he tu'uma'u 'o e typographic 'a ia 'e fie ma'u 'e he QA tohi 'i he ngaahi me'angaue kotoa pe.

Kuo Fēfē ʻa e Fakalakalaka ʻo e Fakaʻaliʻali ʻo e Foní ʻi he Ngaahi Hongofuluʻi Taʻú?

Ko e hisitōlia ʻo e fakaʻaliʻali ʻo e mataʻitohí ʻokú ne muimuiʻi ʻa e hisitōlia ʻo e tekinolosia fakaʻaliʻalí ʻiate ia pē. 'I he 1970s mo e 1980s, na'e pule 'a e ngaahi mata'itohi bitmap — ko e mata'itohi takitaha ko ha grid 'o e pixels 'oku tohi nima 'i ha lahi pau. Ko hono fakafe'iloaki 'o e PostScript 'e he Adobe 'i he 1984 na'e 'omi ai 'a e ngaahi 'autilaine scalable ki he komipiuta lahi, pea na'e fakatemokalati 'e he fotunga 'o e TrueType 'a e Apple (1991) 'a e taipe 'o e tu'unga ma'olunga 'aki hono fakahu 'a e ngaahi fakahinohino 'o e rendering 'i he ngaahi faile 'o e mata'itohi.

"Ko e faka'ali'ali 'o e mata'itohi ko e taha ia 'o e ngaahi feitu'u si'isi'i 'i he komipiuta 'oku mahu'inga ange ai 'a e tonu 'o e fakakaukau 'i he totonu fakafika. Kuo 'ikai lava ha faka'ali'ali totonu fakatekinikale 'oku ngali 'ikai ke mahino; kuo lavame'a ha ki'i faka'ali'ali mio'i 'oku ngali 'ikai ke mahino."

💡 DID YOU KNOW?

Mewayz replaces 8+ business tools in one platform

CRM · Invoicing · HR · Projects · Booking · eCommerce · POS · Analytics. Free forever plan available.

Start Free →

Na'e 'omi 'e he vaeua'anga 'o e 2000s 'a e subpixel 'o e 'ata ki he founga lahi 'o fakafou 'i he ClearType 'a e Microsoft, 'a ia na'e liliu ki he ngaahi screen LCD. 'I he 'aho ni, kuo toe hiki 'a e frontier: kuo fai 'e he ngaahi faka'ali'ali 'o e ma'olunga-DPI (Retina) 'a e ngaahi faka'ilonga lahi mo e ngaahi founga subpixel 'oku 'ikai fie ma'u koe'uhi 'oku lelei fe'unga 'a e pixel grid 'oku 'asi ma'a 'a e raw outline scaling 'o 'ikai ha fakafepaki. Ko e ngaahi mata'itohi kehekehe, 'oku fakafe'iloaki 'o fakafou 'i he OpenType 1.8, 'oku faka'ata ai ha faile 'e taha ke 'i ai ha feitu'u tisaini kakato 'o e ngaahi mamafa, laulahi, mo e ngaahi sitaila — fakasi'isi'i 'a e taimi 'o e kavenga mo 'oange ki he kau tisaini 'a e pule hokohoko ki he fakahaa'i 'o e typographic.

Ko e hā e ʻuhinga ʻo e Font Rendering ki he Ngaahi Ngāue Pisinisi Fakaonopōní?

Mahalo 'e ngali hange ha hoha'a ki he tisaini 'a e taipe, ka 'oku 'i ai 'ene uesia fakapisinisi 'oku lava ke fua. ‘Oku fakahaa‘i ma‘u pē ‘e he fakatotoló ko e ngaahi konga tohi ‘oku lava ke lau mo liliu leleí ‘okú ne fakalahi ‘a e mahinó, falalá, mo e taimi ‘i he peesí. Ki he ngaahi pisinisi 'oku nau pule'i 'a e fetu'utaki 'a e kau kasitomaa, ngaahi tohi 'i loto, mo e lipooti fakapa'anga 'i he ngaahi modules fakatahataha'i 'o e Mewayz 'e 207, ko e konga kotoa pe 'o e tohi 'oku 'omi ko ha brand impression.

Ko e ngaahi mata'itohi kovi 'i he ngaahi PDF 'oku 'ave ki tu'apule'anga, ngaahi mata'itohi 'oku 'ikai ke fe'unga 'i he ngaahi tu'unga, mo e 'ikai ke tu'uma'u 'a e ngaahi laine 'i he ngaahi lipooti 'otometiki 'oku nau faka'auha kotoa 'a e fakapalofesinale. Ko ha founga 'o e tu'unga fakatahataha'i — 'a ia 'oku vahevahe ai 'e he ngaahi sipinga, ngaahi koloa 'oku 'ave ki tu'apule'anga, mo e ngaahi tohi 'oku fehangahangai mo e kasitomaa ha founga taipe 'e taha — 'oku ne fakangata 'a e ngaahi ta'efe'unga ko 'eni 'o 'ikai fie ma'u ke mahino ki he memipa kotoa pe 'o e timi 'a e ngaahi tepile kerning mo e ngaahi fakahinohino hinting.

Ko Fe 'Oku 'Ulu'aki Hoko atu 'a e Fakahoko 'o e Font?

'Oku 'i ai ha ngaahi founga 'oku nau converging ke toe fakafotunga 'a e founga 'oku a'u ai 'a e tohi ki he ngaahi screen. 'Oku 'omi 'e he ngaahi mata'itohi lanu ('o faka'aonga'i 'a e SVG, COLR, pe CBDT 'a e ngaahi tepile) lanu lahi pea na'a mo e glyphs animated ki he paipa mata'itohi angamaheni. 'Oku kamata ke faka'otometiki 'a e hinting tokoni'i 'e he AI ​​'a e me'a na'e 'i ai ha taimi na'e ngaue tohi fakamamahi 'e he kau tisaini 'o e fa'ahinga. Pea 'i he matu'otu'a 'a e mo'oni fakalahi mo e spatial computing, 'e fie ma'u 'e he 'uhinga 'o e mata'itohi ke solova 'a e ngaahi palopalema fo'ou kakato — projecting 'a e tohi 'oku lava ke lau ki he ngaahi funga curved, ngaahi tu'unga kehekehe 'o e maama, mo e feitu'u 'oku tolu-dimensional.

Ki he ngaahi pisinisi, ko e me'a 'oku 'aonga ke to'o ko e fakautuutu 'a e faingata'a 'o e taipe, pea 'oku tupulaki 'a e mahu'inga 'o e pule fakalotofonua ki hono 'oatu 'o e tohi 'i he taimi tatau.

Ngaahi Fehuʻi ʻoku Faʻa ʻEke

Ko e hā ʻoku hā ngali fakapoʻuli ai ʻeku ngaahi mataʻitohí ʻi ha ngaahi screen pau?

Ko e faka'ali'ali 'o e mata'itohi 'oku 'ikai ke mahino 'oku angamaheni 'aki 'a e hoko 'i he taimi 'oku to ai 'a e ngaahi 'atakai 'o e glyph 'i he vaha'a 'o e ngaahi ngata'anga 'o e pixel pea 'oku faka'aonga'i 'e he misini faka'ali'ali 'a e anti-aliasing mamafa ke totongi huhu'i. 'Oku tautautefito ki he ngaahi screen 'o e low-DPI. Ko hono fili 'o e ngaahi mata'itohi 'oku faka'ilonga'i lelei, faka'ata 'a e fakalelei'i 'o e mata'itohi 'i he tu'unga 'o e sisitemi, mo e sivi 'i he ngaahi device taumu'a ko e ngaahi faito'o 'aonga taha ia.

Ko e hā ʻa e faikehekehe ʻi he vahaʻa ʻo e ngaahi mataʻitohi ʻo e TrueType mo e OpenType?

'Oku faka'aonga'i 'e he ngaahi mata'itohi TrueType 'a e ngaahi curve Bézier quadratic pea 'e lava ke fakakau 'a e ngaahi fakahinohino faka'ilonga 'oku fakahu ki he pule'i pau 'o e pixel-grid. Ko e OpenType ko ha fotunga superset 'oku ne poupou'i fakatou'osi 'a e ngaahi fokotu'utu'u 'o e TrueType mo e PostScript (kiupiti Bézier), fakataha mo e ngaahi fotunga fakataipe fakalakalaka hange ko e ligatures, ngaahi fetongi stylistic, mo e ngaahi toki kehekehe 'o e mata'itohi. Ki he lahi taha 'o e ngaahi ngaue fakaonopooni, ko e OpenType 'a e tu'unga.

Te u lava fēfē ʻo fakapapauʻi ʻoku tuʻumaʻu ʻa e ʻasi ʻo e mataʻitohí ʻi heʻeku ngaahi tohi pisinisí?

Ko e founga falala'anga taha ko hono fakatahataha'i 'o e to'utangata 'o e ngaahi tohi 'o fakafou 'i ha tu'unga 'oku ne pule'i 'a e paipa 'o e rendering — fakahu 'a e ngaahi mata'itohi 'i he PDFs, standardizing 'a e ngaahi tu'unga mata'itohi CSS ki he output 'o e uepi, pea mo hono faka'aonga'i 'o ha sisitemi sipinga vahevahe. Ko e taha 'eni 'o e ngaahi lelei tefito 'o hono fakalele 'o e ngaahi ngaue 'o fakafou 'i ha OS pisinisi fakatahataha'i kae 'ikai ko hono tuitui fakataha 'o e ngaahi me'angaue kehekehe.

Ko hono fakalele ha pisinisi 'oku 'uhinga ia ki he lele 'i he text — ngaahi fokotu'u, ngaahi aleapau, ngaahi dashboard, ngaahi lipooti, mo e fetu'utaki kotoa pe 'i he vaha'a. Kapau 'oku ke mateuteu ke fakatefito ho'o ngaahi ngaue pea fakapapau'i 'oku 'asi fakapalofesinale 'a e tohi kotoa pe 'o hange ko ia 'oku taau mo ho'o ngaue, kamata ho'o 'ahi'ahi ta'etotongi 'o e Mewayz he 'aho ni pea vakai ki he me'a 'e lava ke fai 'e he 207 modules fakatahataha'i ki ho'o ngaue.

Ko e hā ʻoku hā ngali blurry ai ʻeku ngaahi mataʻitohí ʻi ha ngaahi meʻa pau screens?","talitali":{"@fa'ahinga":"Tali","tohi":"'Oku angamaheni 'aki 'a e hoko 'a e 'uhinga 'o e glyph 'i he vaha'a 'o e ngaahi ngata'anga 'o e pixel pea 'oku faka'aonga'i 'e he misini 'o e 'uhinga 'a e anti-aliasing mamafa ke totongi huhu'i 'a e ngaahi screen 'o e ma'ulalo-DPI 'oku tautautefito ki he suscepti. fakamolemole'i, mo e sivi 'i he ngaahi device taumu'a ko e ngaahi faito'o 'aonga taha ia."}},{"@fa'ahinga":"Fehu'i","hingoa":"Ko e ha 'a e faikehekehe 'i he vaha'a 'o e TrueType mo e OpenType 'a e ngaahi mata'itohi?","talitali":{"@fa'ahinga":"Tali","tohi":"'e lava ke faka'aonga'i 'e he curzi0tic B 'oku fakahu 'a e ngaahi fakahinohino faka'ilonga ki he pule'i pau 'o e pixel-grid OpenType ko ha fotunga superset 'oku ne poupou'i fakatou'osi 'a e TrueType mo e PostScript (kiupiti B \ u00e9zier) 'a e ngaahi fokotu'utu'u, fakataha mo e ngaahi fotunga fakataipe fakalakalaka hange ko e ligatures, stylistic fetongi 'o e mata'itohi kehekehe 'a e OT fakaonopooni. standard."}},{"@type":"Fehu'i","hingoa":"'E lava fēfē ke u fakapapau'i 'oku tu'uma'u 'a e 'uhinga 'o e mata'itohi 'i he kotoa 'o 'eku ngaahi tohi pisinisi?","taliTali":{"@fa'ahinga":"Tali","tohi":"Ko e founga falala'anga taha ko hono fakatefito 'a e to'utangata 'o e tohi 'o fakafou 'i ha tu'unga 'oku ne pule'i 'a e 'uhinga 'o e fonts2d P. CSS font stacks ki he output 'o e uepi, pea mo hono faka'aonga'i 'o ha sisitemi sipinga vahevahe Ko e taha 'eni 'o e ngaahi lelei tefito 'o e fakalele 'o e ngaahi ngaue 'o fakafou 'i ha OS pisinisi fakatahataha'i kae 'ikai ko hono tuitui fakataha 'o e ngaahi me'angaue kehekehe."}}]}.

Try Mewayz Free

All-in-one platform for CRM, invoicing, projects, HR & more. No credit card required.

Start managing your business smarter today

Join 30,000+ businesses. Free forever plan · No credit card required.

Ready to put this into practice?

Join 30,000+ businesses using Mewayz. Free forever plan — no credit card required.

Start Free Trial →

Ready to take action?

Start your free Mewayz trial today

All-in-one business platform. No credit card required.

Start Free →

14-day free trial · No credit card · Cancel anytime

Mewayz Network

We use cookies for analytics. Privacy Policy